-
Notifications
You must be signed in to change notification settings - Fork 0
/
ImageAsLink.htm
41 lines (41 loc) · 1.54 KB
/
ImageAsLink.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
<head>
<title>ImageAsALink</title>
<meta charset="UTF-8">
<style>
mark
{
background-color:orange;
} <!-- unique style for all marked elements -->
p.BB
{
color:rgb(255,255,255);
font-family:verdana;
background-color:rgb(0,0,10);
} <!-- unique style for all paragraphs that uses the id 'BB' -->
#pAA
{
text-decoration:underline;
color:rgb(150,150,255);
border:4px solid mediumseagreen;
padding:4px;
font-size-40px;
} <!-- unique style for all paragraphs that uses the id 'AA' -->
</style>
</head>
<body>
<p class="BB">Copy the program the appears after you are directed to the link. I'll be discussing it earlier next month.</p>
<!-- A paragraph that uses the id 'BB' defined in the 'head' section -->
<hr> <!-- A horizontal break -->
<p id="pAA">Click on the <mark>image</mark> to reach to the code...</p>
<!-- A paragraph that uses the id 'AA' defined in the 'head' section -->
<br> <!-- A line break -->
<a href="https://github.com/ImRohitSingh/BasicPrograms/blob/master/PrimeCheck.java" target="_blank">
<!-- 'href' attribute is provided with the link that directs to a code which
checks if a number is prime or not... -->
<img src="https://i.pinimg.com/736x/3a/13/50/3a13506f9ddd4eed3824d99c8a1e254f--number-theory-poster-download.jpg" alt="CheckingForPrime" width="200" height="180" style="border:0;">
<!-- creating an image as a link; the image is fetched from 'GOOGLE Images'... -->
</a>
</body>
</html>