3. HYPER TEXT MARKUP LANGAUGE
DEVELOPED BY : World Wide Web
Consortium & WHATWG
Type code : TEXT
Extended from : SGML
Extended to : XHTML
Standard(s) : W3C HTML 4.01
W3C HTML 3.2
In short it is the language used to design Web
Pages
4. Use any text editor
Gedit, Notepad++, Notepad,..
Save as .htm or .html extension
5. A tag is : Nonhierarchical
keyword or term assigned to a
piece of information
< > Opening Tag
</ > Closing Tag
6. The element content is everything
between the start and the end tag
( <p>Hello</p> )
Some HTML elements have empty
content( <br /> )
Most HTML elements can have attributes
Its not case sensitive eg <p> means the
same as <P> . But W3C (?) recommends
lower case
7. <html>
<head>
<title> My first web page </title>
</head>
<body>
<h1>Hello everyone </h1>
</body>
</html>
8. The <html> element defines the
whole HTML document.
The element has a start tag <html>
and an end tag </html>
The element content is another
HTML element (the body)
9. The <head> element defines the
head of the HTML document
The element has a start tag <head>
and an end tag </head>
The element content is another
HTML element (title of the webpage)
10. The <body> element defines the
body of the HTML document
The element has a start tag <body>
and an end tag </body>
The element content is another
HTML element (a paragraph)
11. <p> This is a paragraph </p>
<h1>This is a heading </h1>
<h2 ,3 .. 6 > Various headings </h2,3..6>
< a href=“google.com”>This is a link </a>
<img src=“the source” width=“104” />
<br/> : is used to give a line break
<hr/> : is used to give a horizontal line
<! this is a comment >
12. <b> BOLD </b>
<i> ITALICS </i>
<big> Big Text </big>
This is<sub> subscript</sub> and
<sup>superscript</sup>
<code>This is computer output</code>
<strong>BOLD </strong >
Many more tags ..
http://www.w3schools.com/tags/default.asp
13. Attributes
HTML elements can have attributes
Attributes provide additional information
about the element
Attributes are always specified in the start
tag
Attributes come in name/value pairs like:
name="value"
Standard attributes :
class ,id , style ,title
15. Tables
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr> H ead in g A n o th er H ead in g
<tr> r o w 1 , c e ll 1 r o w 1 , c e ll 2
<td>row 2, cell 1</td>
<td>row 2, cell 2</td> r o w 2 , c e ll 1 r o w 2 , c e ll 2
</tr> </table>
16. LIST
UNORDERED LIST
<ul>
Windows
Linux
<li>Windows</li>
<li>Linux</li>
</ul>
ORDERED LIST
<ol> 1.Windows
2.Linux
<li>Windows</li>
<li>Linux</li>
</ol>