Page 57 - Code & Click - 7
P. 57
• Text Editors: Text Editors allow to create web pages by writing HTML statements to describe
how the content of the web page is to be displayed. Working with a text editor requires
specialised knowledge of HTML. Some common text editors are Notepad and WordPad.
Google Web Designer Adobe Dreamweaver Notepad WordPad
HTML5 CODING
The various components that make up the HTML code are – Elements, Tags, and Attributes.
HTML Elements
A web page is made up of various HTML elements. These elements define the structure and behaviour
of different parts of an HTML document.
HTML Tags
HTML elements are represented by HTML tags. A tag is a command that instructs the web browser
how to display the desired content. An HTML tag always begins with a less than sign ‘<’ and ends
with a greater than sign ‘>’.
HTML tags are of two types –
(a) Container Tag: A Container Tag is made up of a pair of tags – a START tag and an END tag. Some
examples of container tags are <head> ... </head>, <body> ... </body> and <title> ... </title>
tags. The slash / in any tag indicates that it is the END tag for a container tag.
(b) Empty Tag: An Empty Tag requires a START tag but not an END tag. An empty tag does not have
any content following it and is used to perform a specific action, such as drawing a horizontal
line. Some examples of empty tags are <br> and <hr>.
HTML Attributes
An Attribute is a special keyword used to enhance the behaviour of an HTML element. It is always
specified inside the START tag of an element. Each attribute consists of the attribute’s name followed
by the equal to sign (=) and the attribute’s value enclosed within quotes. For example:
<html lang = “en-US”>
STRUCTURE OF AN HTML DOCUMENT
An HTML document contains two basic parts: 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 else that is displayed on the web page.
The basic structure of an HTML document is:
• <!DOCTYPE html> : The <!DOCTYPE html> is a declaration written at the beginning of the
HTML document. It is an instruction to the web browser about the type of document used.
• <html> tag : The <html> tag is a container tag that identifies the document as an HTML
document. An HTML document begins with <html> tag and ends with </html> tag.
55
