-
Notifications
You must be signed in to change notification settings - Fork 0
/
Day3.html
89 lines (86 loc) · 2.93 KB
/
Day3.html
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<html>
<head>
<title>Third day at Projection Education</title>
</head>
<body>
<header>
Date: 10-Apr-18 (Tuesday)
<span>
Day 3</span>
</header>
<!--Topic of the day-->
<h1>
HTML (Anchor and Iframe Tag)
</h1>
<!-- What they tought-->
<ol>
<li>Anchor Tag</li>
<li>Iframe tag</li>
</ol>
<h2>
1. Anchor Tag
</h2>
<p>Anchor tag is used to creat a link on a webpage.
</p>
<p>
There are three types of links.</p>
<ul>
<li>Local Link</li>
<li>Global Link</li>
<li>Inter Link</li>
</ul>
<p> <u>Local Link</u> is a simple offline page or any document's path for example default.html, index.php etc </p>
<p><u>Global Link</u> is an online link. ex. https://www.facebook.com http://dewaslive.com</p>
<p><u>Inter Link</u> is a link of the same page but to access the different content of the page. ex. body h1 img #id1 etc.</p>
<p>Anchor tag looks like this.</p>
<form>
<textarea disabled="" style="width: 100%; height: 40px; background: #262626; color: #ffc; font-size: 25px; margin: 0; padding: 0;">
<a href="index.html" target="_self">Click Me</a>
</textarea>
</form>
As shown it has two attributes.
<ul>
<li>href :- The value href is the document which we have to access after clicking the link.</li>
<li>
target :- By default it's value is "_self" it means the targeted document will open in the same page. it has more values like "_blank" (Open in new window), we can also put the value of iframe names so that the targeted page open in the iframe container.
</li>
</ul>
<a href="Center%20Assignments/iframe.html">See Example</a>
<br/>
<h2>
2. Iframe Tag
</h2>
<p>
Iframe tag has a capablity to create a container on a webpage in which we can view different pages or any document.
</p>
<p>
Generally it has four attributes:-</p>
<ul>
<li>name :- it's value is user defiened It means any keyword we can write here as a name of that particular iframe</li>
<li>src:- the default page which is has to be shown in the iframe container.</li>
<li>width:- it defines a width of the square box.</li>
<li>height:- it defines a height of the square box.</li>
</ul>
Note:-
<ul type="circle">
<li>Links with https protocol can't be opened in iframe.</li>
</ul><a href="Center%20Assignments/iframe.html">See Example</a>
<br/><br/>
<!-- Second Page Link-->
<a href="Day4.html">Day4</a>
</body>
</html>