Page 65 - Computer - 8
P. 65
5 List and Images
in HTML5
Pre-Processing
• Structure of an HTML Document • HTML5 Elements
• Cascading Style Sheet (CSS) • Creating Lists
• Ordered List • Description List
• Inserting Images
With HTML5, you have learned how to create a web page, view it in a web browser, and format the
contents of a web page using CSS. Let us revise what you have learned using basic HTML elements.
STRUCTURE OF AN HTML DOCUMENT
An HTML document contains two basic sections: the HEAD and the BODY.
The head section contains information about
the document such as the title. The body section
contains the actual text, images, and everything Head
HTML
else that is displayed on the web page. Document Section
The basic structure of an HTML document is Body
shown in. Section
HTML5 ELEMENTS
HTML contains various elements to specify the structure and behaviour of different parts of an HTML
document. The various tags used to define these elements are described in the table.
Element Tag Description
HTML <html>...</html> Lets you define the structure of a web page.
Head <head> … </head> Lets you specify information about the HTML document.
Title <title> … </title> Lets you specify the title of the web page.
Body <body> … </body> Lets you specify the content of the web page.
Lets you insert a blank line between content in an HTML
Line Break <br>
document.
Paragraph <p> … </p> Lets you start a new paragraph in an HTML document.
Heading <hn> … </hn> Lets you display text as headings in different font sizes.
n = 1 to 6
Horizontal Rule <hr> Lets you add a horizontal line across a web page.
Bold <b> … </b> Lets you display text in bold.
Italic <i> … </i> Lets you display text in italics.
Comments <!-- … --> Lets you insert explanatory notes in an HTML document.
63
