10. By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
Introduction
• With HTML you can create your own Web site.
• HTML composed of set of tags.
• HTML is a standard in “W3C”.
• HTML is compatible with: internet explorer, Safari,
Firefox and Google Chrome.
12. • General form:
• Example:
HTML Structure
<tag_name/>
Single Tags
line 1 of the web page <br /> line2 of the web page
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
13. • General form:
• Example:
HTML Structure
<tag_name> content </tag_name>
this text is normal and <b> this text is bold </b>
Double Tags
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
16. HTML Structure
Tags attribute
General Form:
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
<tag_name attribute 1 = "value1"
attribute 2 = "value 2"
attribute n = "value n“>
<h1 align = "center"> this is heading 1 </h1>
Example:
17. HTML Structure
Tags attribute
Tags Examples:
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
<div>this is div</div>
<table>
<tr>
<td>cell 1.1</td>
<td>cell 1.2</td>
</tr>
</table>
18. HTML Structure
Tags attribute
Tags Examples:
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
<p align=“center”>this is paragraph</p>
<i>italic</i>
<a href="www.w3schools.com">>w3schools</a>
<!--This is comment in html -->
19. HTML Structure
Tags attribute
Tags Examples:
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
<h3>Headline3</h3>
<h2>Headline2</h2>
<h1>Headline1</h1>
<h4>Headline4</h4>
20. HTML Structure
Tags attribute
Tags Examples:
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh
<form>
<input type=“text” name=“user” />
<input type=“password” name=“pass” />
<input type=“submit” value=“Send” />
</form>
<img src=“img1.jpg”/>
21. Notes
1 Don’t forget saving file in .htm or .html format.
2 We will see the output in the browser.
Let’s Test it live !
By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh