Chapter 7 HTML An Introduction
Chapter 7 HTML An Introduction
HTML: An Introduction
Choose the correct option
1. In an HTML document, what does the letter H mean?
Hyper
2. Which of the following is the correct representation of html tags?
<..........>
3. Which of the following heading tags will display the largest heading size?
H1
4. Which of the following is created using HTML?
Webpage
5. Which of the following contents of HTML is enclosed within opening and closing tags?
Element
Write the HTML codes for the following by using superscript and subscript tags
1. (m - n)2
(m - n)<SUP>2</SUP>
2. p2 + q2 - r2
p<SUP>2</SUP> + q<SUP>2</SUP> - r<SUP>2</SUP>
3. a2b3 - c4d5
a<SUP>2</SUP>b<SUP>3</SUP> - c<SUP>4</SUP>d<SUP>5</SUP>
4. H2SO4
H<SUB>2</SUB>SO<SUB>4</SUB>
5. KNO3
KNO<SUB>3</SUB>
6. Na2CO3
Na<SUB>2</SUB>CO<SUB>3</SUB>
Subjective :
Explain the following with reference to HTML
1. Container tags
When the opening and closing tags are used in pairs in an HTML document, they are known as container tags. They are
also known as ON tag and OFF tag respectively. ON tag uses angle bracket whereas, OFF tag uses forward slash (/) after
the opening of the angle bracket (<). The contents are written within these tags in the document.
The format of HEAD container tag is as follows-
<head>
content
</head>
2. Empty tags
The tags which do not require a closing tag in an HTML document are called ‘Empty Tags'. This means that an empty tag
has only an ON tag in the document which is understood by the web browser.
For example
<br>
<hr>
3. Heading tag
HTML allows you to highlight headings in a web page by using the heading tags. They are container tags. They include
six different levels of headings which vary from <H1> to <H6>.
<Hl> tag defines the largest heading whereas, <H6> tag defines the smallest heading.
The syntax of heading tag is as follows:
<Heading tag> string of text for heading </Heading tag>
4. Body tag
Body tag contains the main HTML document that we want to display on the web page. The attributes of the body tag
(bgcolor, text etc) can be used to change the appearance of the main document.
The syntax of the body tag is as follows:
<BODY BGCOLOR="BLACK" TEXT="WHITE">
Contents of the document
</BODY>
5. Paragraph tag
The Paragraph Tag <P> is a container tag. The opening tag <P> is added at the beginning of a paragraph and the closing
tag </P> at the end of the paragraph. With the use of the paragraph tag, a single line is inserted before and after the
enclosed paragraph.
The syntax of the paragraph tag is as follows:
<P>
Paragraph 1
</P>
<P>
Paragraph 2
</P>
6. Line breaks
The line break tag <BR> is an empty tag. It works in the same way as pressing the 'Enter' key in a word processor. It
helps the user to change the line.
An example of the line break tag is as follows:
<BODY>
SACRED HEART SCHOOL <BR>
NEW COLONY <BR>
RAYAGADA<BR>
765001
</BODY>
Short Answer Questions
1. What is HTML?
Hyper Text Markup Language is a markup language used to design and display web pages or documents on the internet using
web browsers. It includes text as well as graphics. It also provides the means to link the pages on the internet. The pages
contain text as well as graphics.
HTML uses special tags or symbols while writing a piece of information. For example, the text in Italic is written as:
<I> I am using Computer Studies book </I>
Here, <I> and </I> are HTML tags. The HTML will make the text Italic as Understanding
2. What is the basic structure of an HTML document?
Every HTML document is written inside <HTML> and </HTML> tags which represent the beginning and the end of a web page,
respectively. An HTML document mainly consists of two main parts. They are:
HEAD — It contains the title of a web document and written within <HEAD> and </HEAD> tags. The tag includes <TITLE> tag
within it. The content written within the <TITLE> and </TITLE> tags does not appear on the web page.
BODY — It is the main HTML document that we want to display on the web page. It is written within <BODY> and </BODY>
tags.
The basic structure of an HTML document is as follows:
<HTML>
<HEAD>
<TITLE>...the title of the web page....
</TITLE>
</HEAD>
<BODY>....
.........the body of the webpage contemt.......
.....
</BODY>
</HTML>
3. What is meant by HTML tags?
Tags are the keywords used in an HTML document. They are marked by the angle braces (< and >) to write instructions and
define how the content will be displayed by the web browsers.
For example, <HTML>, <TITLE>, <HEAD> are tags.
4. Name the two features of an HTML document.
The two features of an HTML document are:
1. Every HTML document is written inside <HTML> and </HTML> tags which represent the beginning and the end of a web
page respectively.
2. The main document is written within <BODY> and </BODY> tags.
5. Name two web browsers which are used to view an HTML document.
Two web browsers which are used to view an HTML document are-
1. Microsoft Edge
2. Google Chrome
6. Distinguish between <P> and <BR> tags.
<P> tag <BR> tag
The paragraph tag helps to identify and separate paragraphs The line break tag works in the same way as pressing the
in an HTML document. 'Enter' key in a word processor.
The paragraph tag inserts a single line before and after the The line break tag adds blank spaces between the lines.
enclosed paragraph.
It is a container tag. It is an empty tag.
Write all the steps
1. To start writing an HTML document..
To start writing an HTML document on Notepad, follow these steps:
Step 1: Click ‘Start' followed by clicking 'Notepad' from the pop up menu.
OR
Click on shortcut icon ‘Notepad', if available on the desktop.
OR
Click on ‘Notepad' icon, if available on the taskbar. An untitled notepad will appear on the screen.
Step 2: Now, one can start writing the HTML code by using the following tags:
<HTML>
<HEAD>
<TITLE> FIRST EXPERIENCE ON HTML </TITLE>
</HEAD>
<BODY>
LEARNING HTML DOCUMENT
...................
</BODY>
</HTML>
2. To view an HTML document on a web page.
To view an HTML document on a web page, follow these steps:
Step 1: Locate the file where you have saved the file. Select the file and right-click on it.
Step 2: Select 'Open with' followed by clicking 'Microsoft Edge'.
The document saved will appear on the web browser.
3. To save an HTML document.
To save an HTML document, follow these steps:
Step 1: Click 'File' from the file menu.
Step 2: Select 'Save As' from the drop-down list.
Step 3: Enter the file name with the extension '.HTML' (say, SHS.HTML) in the box provided.
Step 4: Click the 'Save' option.
The file SHS.HTML will be saved and the untitled file will become SHS on Notepad.