HTML
(Hyper Text Markup Language)
1. <> Front Tag
2. </> Closing Tag
3. Editor – Note Pad
4. File Extension .html
5. Helping Website – www.w3schools.com
6. How to Save HTML File ?
Select File > Save as in the Notepad menu. > Name the file "index.htm"
7. Basic Tag
<html>
<head>
<title>
google
</title>
</head>
<body>
This is my first web page
</body>
</html>
8. Size Tag
<h1>Universal Computer Academy</h1>
<h2>Universal Computer Academy</h2>
<h3>Universal Computer Academy</h3>
<h4>Universal Computer Academy</h4>
<h5>Universal Computer Academy</h5>
<h6>Universal Computer Academy</h6>
OR
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Color Name :
Tomato / DodgerBlue/ Orange/ MediumSeaGreen/ Gray/SlateBlue/Violet/LightGray
9. Background Colour
<body bgcolor="red">
10. Text Colour
<body text="blue"> OR
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
11. Text Border
<h1 style="border:2px solid Tomato;">Hello World</h1>
Border background
<h1 style="background-color:DodgerBlue;">Hello World</h1>
12. Background Picture
<body background="Horse.jpg”>
13. Paragraph Tag
<p> Universal Computer Academy is a Popular computer training centres in Brahmapur. We use
modern technology.</p>
14. CENTER ALIGNMENT
<p style="text-align:center;">Centered paragraph.</p>
<center>
15. Highlight Text
<mark> Marked</mark>
16. Bold Tag
<B> Universal Computer Academy </B> or
a) Italic Tag <i>MGCSM</i> OR
b) Underline Tag : <u> MONITOR</u>
17. Font Tag
<font face="front name "> web page</font>
18. Sup Tag
a<sup>2</sup>
19. Sub Tag
H<sub>2</sub>
20. Strikethrough / deleted text
<p>My favorite color is <del>blue</del> red.</p>
21. Enter Tag
</br>
22. Bullet Tag a) <ul>
<ol> <li> apple</li>
<li>mgcsm</li> <li>mango</li>
<li> DCA</li> </ul>
</ol>
23. Horizontal Line
<hr color="red" size="3" />
24. Abbreviation or an Acronym. / Comments
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
25. Bi-Directional Override.
<bdo dir="rtl">This text will be written from right to left</bdo>
26. HYPERLINK
<a href="https://www.google.com/" target="_blank">Visit google page</a>
27. Line Tag - <hr>
28. Table Tag
<table border=”1” width=”100%” >
<tr>(table row)
<th>(table hading)</th></tr>
<tr>
<td><table data)</td></tr>
</table>
ROW SPAN
<table border="1" width="100%">
29. Colspan Tag <tr>
<table border="1" width="100%"> <td rowspan="2" align="center">NASSS</td>
<tr> <td>samim</td>
<td colspan="2" align="center">bulbul</td> </tr>
</tr> <tr>
<tr> <td>habib</td>
<td>1</td> </tr>
<td>2</td> <tr>
<td>3</td> <td rowspan="2" align="center">madhu</td>
</tr> <td>raz</td>
</table> </tr>
<tr>
30. ADDING CAPTION <td>rintu</td>
<caption>Monthly savings</caption> </tr>
</table>
31. IMAGE TAG
<img src="Path of image(my computer/d drive/New Folder/10.jpg)"></img>
If in desktop or file in same location
<img src="Horse.jpg" >
width="128" height="128">
32. IMAGE TAG
<a href=”(location of image) my computer/d drive/New folder/10.jpg)></a>
33. Horizontal Line
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
34. List Tag
<ul>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
35. Description Lists
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
- Giaul Hasan
