The document describes various HTML elements and their attributes. It lists elements like fonts, images, paragraphs, lists, tables, and hyperlinks. It provides examples of how each element is coded in HTML along with possible attributes like font face, color, and size; image source, width, and height; paragraph alignment; list type; table borders, colors, and merging cells. The document is intended as a tutorial on basic HTML elements and tags.

1. No. Elements Attributes Values Example Output
1 Font (Font)
Face Arial,kalaham,..... <Font face="Arial">ICTEDUCATION</font> ICTEDUCATION
Color Green,red...... <Font color="Green>ICTEDUCATION</font> ICTEDUCATION
Size 1 to 7 <Font size="6">ICTEDUCATION</font> ICTEDUCATION
Bold <b> <b>ICTEDUCATION</b> ICTEDUCATION
Italic <i> <i>ICTEDUCATION</i> ICTEDUCATION
Underline <u> <u>ICTEDUCATION</u> ICTEDUCATION
Emphasis <em> <em>ICTEDUCATION</em> ICTEDUCATION
Strikeout <s> <s>ICTEDUCATION</s> ICTEDUCATION
Superscript <sup> 4² =16 42
=16
Subscript <sub> CO₂ CO2
Marquee <marquee>ICTEDUCATION<marquee> ICTEDUCATION
2 Image (Img)
Source (src) URL or Adreess <Img src="c:userspicturesRaza.png“>
Alternative (alt) <alt="map">
Width 1 to 100/ 1% to 100% <width="100" or 100%>
Height 1 to 100/ 1% to 100% <height="100" or 100%>
Border 1 to 7 <border="3">
Align
left, right, middle, top,
bottom <align="middle">
3 Pragraph (P)
Align
center, left, right,
justify <p align="center">ICTEDUCATION</CENTER>
ICTEDUCATION
4
Character Entity
(NON BREAKING SPACE ) &nbsp; <p> ICT&nbps; EDUCATION</p>
ICT EDUCATION
Typed&EditedBy:MufraMunaff
TUTE: Basic 0f HTML | ICT (GRADE 11 NEW) By:Raza Malhardeen©
1
PTO | This space for your more notes
TUTE: Basic 0f HTML | ICT (GRADE 11 NEW)
</HTML> By: Raza Malhardeen (IT Instructor )
Facebook.com/RazaMalhardeen | All rights Reserved ©mraza.edu@gmail.com

2. 5 line
<br> people <br>muslim<br>Sinhala people
muslim
Sinhala
6
List(li)
Unordered List <ul>
Type
disc, square,
circle <ul type="disc"><li>sinhala</li><li>muslim</li>
• Sinhala
• muslim
Ordered List <ol>
type 1,A,a,I,i <ol type="1"><li>sinhala</li><li>muslim</li>
1. Sinhala
2. muslim
Description List <dl>
<dt><dd>
</dt></dd>
<dl> <dt>subjects</dt><dd>tamil</dd>ICT</dd>
subjects
tamil
ICT
7 Hyperlink (anchor [a]) a href <a href=“ICT.html">ICTEDUCATION</a>
8
Table(table)
Table <table> </table>
border, bgcolor,
height, width,align… <table border="2"bgcolor="blue">
Caption (headline to the table)
<caption>
,</caption> <caption>ICTEDUCATION</caption>
<tr>(add new row to the table)
align, bgcolor, border,
border color <tr border="2" bgColor="green">
<td>(add new cell to row)
align, bgcolor, border,
border color <td border="2" bgColor="green">
merge cell
Merge Colum
Colspan <tr><td colspan="2"></tr></td>
Merge row
Rowspan <tr><th rowspan="2"></tr></th>
<th>(add head row to the table
in bold text)
align, bgcolor, border,
border ,color
2
Typed&EditedBy:MufraMunaff
This space for your more notes
<table border=3 bgcolor=yellow align=center>
<caption>ICT EDUCATION</caption>
<tr>
<th bgcolor=RED>Colum Head 1
<th>Colum Head 2
</tr>
<tr>
<td bgcolor=RED>11111
<td>22222
</tr>
<tr>
<td>33333
<td bgcolor=RED>44444
</tr>
</table>
TUTE: Basic 0f HTML | ICT (GRADE 11 NEW)
</HTML> By: Raza Malhardeen (IT Instructor )
Facebook.com/RazaMalhardeen | All rights Reserved ©mraza.edu@gmail.com