Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 9f598d9

Browse files
osamaayubosamaayub
authored
Add files via upload
1 parent 544b808 commit 9f598d9

File tree

1 file changed

+81
-0
lines changed

1 file changed

+81
-0
lines changed

‎Links.html‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
</head>
9+
<body>
10+
<!----Links in html using the targe attribute-->
11+
<h1>Target using _self attribute</h1>
12+
<a href="https://www.google.com"target="_self">google</a>
13+
<!----Links in html using the targe using blank keyword attribute-->
14+
<h1>Target using _blank attribute</h1>
15+
<a href="https://www.google.com"target="_blank">google</a>
16+
<h1>Target using _parent attribute</h1>
17+
<a href="https://www.google.com"target="_parent">google browser</a>
18+
<h1>Target using _top attribute</h1>
19+
<h1>Absolute Url</h1>
20+
<a href="https://www.google.com"target="_top">google browser</a>
21+
<!----using image as a link in anchor tag-->
22+
<h2>Image Link<br></h2>
23+
<a href="image.html"><img src="/assets/img.jpg "width=700px;">Image Link</a>
24+
<!----using email as a link use mailto attribute in anchor tag-->
25+
<h2>Email using anchor Tag</h2>
26+
<a href="mailto:[email protected]">Send Email</a>
27+
<!----using title Attribute as links using anchor Tag-->
28+
<h2>Link Titles</h2>
29+
<a href="https://www.w3schools.com/css/" title="Go to W3Schools CSS section">CSS Tutorial</a>
30+
<!----using CSS we can change color's of the anchor Tag-->
31+
<br>
32+
33+
<style>
34+
a:link
35+
{
36+
color:blue;
37+
background-color: red;
38+
font-size: 40px;
39+
text-decoration:underline;
40+
41+
}
42+
a:visited
43+
{
44+
color:brown;
45+
text-decoration: underline;
46+
background-color: purple;
47+
}
48+
a:unvisited
49+
{
50+
color:brown;
51+
text-decoration: none;
52+
background-color: blue;
53+
}
54+
a:hover
55+
{
56+
color: royalblue;
57+
text-decoration: underline;
58+
background-color: aqua;
59+
}
60+
a:link, a:visited {
61+
background-color: #f44336;
62+
color: white;
63+
padding: 15px 25px;
64+
text-align: center;
65+
text-decoration: none;
66+
display: inline-block;
67+
}
68+
a:hover, a:active {
69+
background-color: red;
70+
}
71+
</style>
72+
<!--create bookMark links using the id atttribute in html-->
73+
<h2 id="Web Programming">HTML</h2>
74+
<h2 id="Python Programming">Python</h2>
75+
<!--Adding the link to the bookmark using the anchor Tag in html-->
76+
<a href="#Web Programming"> Jump to the HTML Tutorial</a>
77+
<br>
78+
<br>
79+
<a href="#Python Programming">Jump to the Python Tutorial</a>
80+
</body>
81+
</html>

0 commit comments

Comments
 (0)