-
Notifications
You must be signed in to change notification settings - Fork 76
/
Copy pathhtml
165 lines (130 loc) · 5.01 KB
/
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<!-- To tell the Browser that the following content is an HTML document. →
<html>
<!--
The head section is loaded first on the browser and hence is used to perform initialization tasks necessary for the proper viewing and functioning of the content of the document. This may include linking to external files, writing JS functions and CSS styling etc.
Any content contained in this section will also be rendered by the Browser but this is not what this section is meant for and hence, never use this section to display any content.
→
<head>
<!--
Meta tags are used to provide additional information about the HTML page, like who is the author, what is the character set being used, what are the keywords associated with the page that may help search engines in finding this page in correct context etc.
-->
<meta name="author" content="" />
<meta name="description" content = "HTML page" />
<meta name="keywords" content = "HTML,tags" />
<!--
This is key meta tag that allows you to control the viewport on which the user is viewing the page and majorly helpful with touch-screen devices and for making viewport responsive websites.
-->
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1" />
<!--
The text inside <title> tags is displayed on the Title bar of the Browser.
Comments are not allowed inside the Title section. They will not be ignored by the Browser.
-->
<title>
Basic HTML Tags
</title>
</head>
<body style="background-color:yellow;">
<!-- This section contains the main content to be displayed in the Browser, and hence called the Body of an HTML document. -->
<p>
Hello World!
</p>
<!-- HTML will not automatically put this line on a new line. -->
<br />
<!-- <hx> tags make text bold and big. -->
<br />
<br />
<h1>This is Heading - 1</h1>
<h2>This is Heading - 2</h2>
<h3>This is Heading - 3</h3>
<h4>This is Heading - 4</h4>
<h5>This is Heading - 5</h5>
<h6>This is Heading - 6</h6>
<hr>
<br />
<br />
<u>This text is underlined.</u>
<br />
<br />
<em>This text is italicised.</em>
<i>This text is italicised.</i>
<br />
<br />
<strong>This text is bold.</strong>
<b>This text is bold.</b>
<br />
<br />
< hr / > is used to add a horizontal rule.
<hr width="800px" size="20px" color="red" />
<!-- <p> tags are used to define a paragraph. -->
<pre >
This is paragraph - 1.This is paragraph - 1.This is paragraph
</pre>
<p>
Text messaging, or texting, is the act of composing and sending electronic messages, typically consisting of alphabetic and numeric characters, between two or more users of mobile device, desktops/laptops, or other type of compatible computer. Text messages may be sent over a cellular network, or may also be sent via an Internet connection.
The term originally referred to messages sent using the Short Message Service (SMS). It has grown beyond alphanumeric text to include multimedia messages (known as MMS) containing digital images, videos, and sound content, as well as ideograms known as emoji (happy faces, sad faces, and other icons).
</p>
<!--
<table> is used to create table. [border] sets the border of the table.
<tr> to define a table row and <td> to define a table column. [colspan] controls the number of columns a columns should span.
-->
<br />
<br />
<table >
<tr> <!-- Create a row -->
<th>Heading - 1</th> <!-- heading -->
<th>Heading - 2</th>
<th>Heading - 3</th>
</tr>
<tr>
<td>Row - 1 , Col - 1</td> <!-- data -->
<td>Row - 1 , Col - 2</td>
<td>Row - 1 , Col - 3</td>
</tr>
<tr>
<td>Row - 1 , Col - 1</td>
<td colspan="2" >Row - 1 , Col - 2</td>
</tr>
</table>
<br><br><br><br><br><br><br><br><br><br>
<br />
<br />
<!-- Ordered lists -->
<ul type="square">
<li>Item - 1</li>
<li>Item - 2</li>
<li>Item - 3</li>
<li>Item - 4</li>
<li>Item - 5</li>
</ul>
<br />
<br />
<ol >
<li>Item - 1</li>
<li>Item - 2</li>
<li>Item - 3</li>
<li>Item - 4</li>
<li>Item - 5</li>
</ol>
<br><br><br><br>
<!--
<a> is used to include an image on the page. [href] us used to select the resource to be opened. [target] is used to decide where to open the desired resource i.e. same brwser, new window etc.
-->
<br />
<br />
<a href="https://www.google.com" target="_blank">Click Here.</a>
<!--
<a> can also be used to redirect to a different location on the same page too. Just provide the id of the element to be focused on and preceded with a # as [href].
-->
<br />
<br />
<button><a href="#hello" >Go To Top.</a></button>
<br><br><br><br><br>
<!--
<img> is used to include an image on the page. [src] us used to select the image to be displayed. [height],[width] are used to control the display size of the image.-->
<br />
<br><br><br><br><br>
<br />
<img src="img\img-1.png" width="100%" height="500px" />
</body>
</html>