TUTE: Basic 0f HTML | ICT (GRADE 11 NEW) By:Raza Malhardeen©

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