2. “
What is HTML?
It is the standard mark-up
language for creating Web
pages.
2
HYPER TEXT
MARKUP LANGUAGE
3. An HTML file is text containing small mark
up tags
The mark up tags tell the Web browser
how to display the page
An HTML file must have an htm or html file
extension.
3
4. What are HTML tags?
HTML tags are the hidden keywords within a web
page that define how your web browser must
format and display the content.:
<tagname> content goes here ……</tagname>
4
6. Defines an HTML document
Opening tag <html>
Closing tag </html>
6
<html>
7. It defines information about the
document.
Opening tag <head>
Closing tag </head>
7
<head>
8. It defines a title for the document.
Opening tag <title>
Closing tag </title>
8
<title>
9. It defines the document’s body.
Opening tag <body>
Closing tag </body>
9
<body>
10. It defines the HTML headings.
Opening tag <h1> or <h6>
Closing tag </h1> or </h6>
Note: h1 is a first heading and the largest
whereas h6 is a sixth level and the smallest
10
<h1> to <h6>
11. It defines a paragraph.
Opening tag <p>
Closing tag </p>
11
<p>
12. It inserts a single line break.
Opening tag <br>
Closing tag The <br> tag is an
empty tag which means that it has
no end tag.
12
<br>
13. TEST YOUR KNOWLEDGE
1. Use your Notepad ++ to capture the following HTML code.
2. Save as a web page called MyWeb, for example,MyWeb.html.
3.View your webpage with your web browser.
13
14. 14
<html>
<head>
<title>My web page</title>
</head>
<body>
<h1>h1 to h6 is used for headings 1</h1>
<hr/>The horizontal rule tag creates a
line across the page.It is often used to
separate two sections of a web page.
<br/>The break tag inserts a blank line.
15. 15
<p>The paragraph tag will force a new
paragraph on the display on the web
page</p>
<p>The break tag is an empty tag and
does not need anything to close it.
<br/>Remember that the break tag
inserts a blank line while the paragraph
tag forces text to a new line.</p>
<p><b>The bold tag is placed between
the paragraph tags if that whole
paragraph is to be bold</b></p>
16. 16
<p><i>The italics tag is placed between the
paragraph tags if that whole paragraph is to
be italics.</i></p>
<p><b><i>Paragraph tags are the outermost
tags that then contain the bold and the
italics tags. Note the order of the opening
tags and the closing tags, that is p b i and
then i b p. bold</i></b></p>
</body>
</html>