-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (71 loc) · 1.58 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Learning HTML</title>
</head>
<body>
<!-- Working with headings -->
<!-- use <h1> to <h6> for headings -->
<h1> My first Heading</h1>
<h2> My second Heading</h2>
<h3> My third Heading</h3>
<h4> My fourth Heading</h4>
<h5> My fifth Heading</h5>
<h6> My sixth Heading</h6>
<!-- Working with paragraphs.
HTML <p> elements define a paragraph -->
<p>You cannot be sure how HTML will be displayed.
Large or small screens, and resized windows will create different results.
With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.
The browser will remove any extra spaces and extra lines when the page is displayed:
</p>
<!-- Working with lists
There are two types of lists
1.Ordered lists - Represented by <ul>-->
<ul>
<li> banana</li>
<li>mangoes</li>
<li>apples</li>
<li>pineapples</li>
</ul>
<!--2. Unordered list <ol> -->
<ol>
<li>python</li>
<li>java</li>
<li>c++</li>
<li>perl</li>
<li>Javascript</li>
</ol>
<!-- Working with images -->
<img src="/img/jeep.jfif" alt="jeep wrangler car">
<!-- Working with tables
An HTML table is defined with the <table> tag.
Each table row is defined with the <tr> tag.
A table header is defined with the <th> tag
-->
<table>
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>14</td>
</tr>
<td>Mary</td>
<td>Jane</td>
<td>12</td>
</tr>
</tbody>
</table>
<!-- Working with linebreaks
use <a> tag
-->
<a href="https://twitter.com/home">open twitter</a>
</body>
</html>