-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDay2.html
135 lines (129 loc) · 4.44 KB
/
Day2.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<html>
<head>
<title>Day 2 at Projection Education</title>
</head>
<body>
<header>
Date: 09-Apr-18 (Monday)
<span>
Day 2</span>
</header>
<!--Topic of the day-->
<h1>
HTML (List tag And Image Tag)
</h1>
<!-- What they tought-->
<ol>
<li>List Tags</li>
<li>Image Tag</li>
</ol>
<h2>
1. List Tags
</h2>
<p>
There are Three Types of List is availabe.</p>
<ol type="A" start="1">
<li>Ordered List </li>
<li>Unordered List</li>
<li>Defination List</li>
</ol>
<dl>
<dt>A. Ordered List</dt>
<dd>Ordered list is used to create and ordered list means list with sequence and numbering like 1,2,3 A,B,C i,ii,iii etc.</dd>
</dl>
<p>For Example</p>
<form>
<textarea disabled="" style="width: 600px; height: 220px; background: #262626; color: #ffc; font-size: 25px;">
- - - -
<ol type="1" start="1">
<li>List Item one</li>
<li>List Item Two</li>
<li> List Item Three</li>
</ol>
- - - -
</textarea>
</form>
Result :
<ol type="1" start="1">
<li>List Item one</li>
<li>List Item Two</li>
<li> List Item Three</li>
</ol>
<!-- Unordered list-->
<dl>
<dt>B. Unordered List</dt>
<dd>Unordered list is used to create a list without sequence and numbering. In this list we can use thee bullts like Disc (Default), Circle, Square.</dd>
</dl>
<p>For Example</p>
<form>
<textarea disabled="" style="width: 700px; height: 300px; background: #262626; color: #ffc; font-size: 25px;">
- - - -
<ul type="circle">
<li>First Candidate Name</li>
<li>Second Candidate Name</li>
<li>Third Candidate Name</li>
</ul>
- - - -
</textarea>
</form>
Result :
<ul type="Circle">
<li>First Candidate Name</li>
<li>Second Candidate Name</li>
<li>Third Candidate Name</li>
</ul>
<!-- Defination List-->
<dl>
<dt>C. Defination List</dt>
<dd>Defination list is used to create a list with a heading And a paraghaph of it's defination. It has two Child tag first is DT (Defination Title) and second is DD (Defination Description)</dd>
</dl>
<p>For Example</p>
<form>
<textarea disabled="" style="width: 700px; height: 400px; background: #262626; color: #ffc; font-size: 25px;">
- - - -
<dl>
<dt>What is Lorem?</dt>
<dd>Your Paragpraph here...</dd>
</dl>
- - - -
</textarea>
</form>
Result :
<dl>
<dt>What is Lorem?</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</dd>
</dl>
<h2>
2. Image Tag
</h2>
<p>
Img Tag is used to insert any image in a webpage.</p>
<p>
At the time of giving a path of an image in SRC attribute we have to confirm that if the image file is in the same folder where we have our html file we can directly type the name of the image with its extension. if img is in the child folder we use 'foldername/img.jpg' and if we have image in parent folder we have to use two dots to access the image for example '../files/images/logo.png' .
<textarea disabled="" style="width: 1000px; height: 100px; background: #262626; color: #ffc; font-size: 25px;">
<img src="../Board/cursor1.png" width="100%" height="100%" />
</textarea>
</p>
<!-- Third Page Link-->
<a href="Day3.html">Day3</a>
</body>
</html>