AIR FORCE BAL BHARATI SCHOOL

Chapter Name: HTML- Images, Links and Table Class: VIII

Worksheet-1 Term: 2
A. Choose the correct answer:
1. The format of an image that web browser can display is ___________.
a. JPEG b. JIG c. JEG
2. The attribute used to mention the path of the image where it is located is _________.
a. IMG b. SRC c. JPEG
3. Which link is used to link two pages within your own websites?
a. E-mail link b. Internal link c. External link
4. A web page is linked by using _____, which are links to section within the same page.
a. Anchors b. Images c. Text
5. ____ attribute is used to combine two or more cells in a column to make one large cell.
a. ROWSPAN b. COLSPAN c. CELLSPAN

B. Write ‘T’ for True and ‘F’ for False statements.

1. You cannot link an image in the HTML. F
2. Color in table header cell brings attention to the text in the header. T
3. You can wrap text between two images to change the layout of web pages. T
4. Align attribute is used to place the image at the center of the webpage. F
5. By default, a table doesn’t have any border unless you add one. T

C. Fill in the blanks:

1. The IMG tag incorporates graphics in the HTML document.
2. HREF stands for Hypertext Reference.
3. You can use Cellpadding to add space between the border and the content of a cell.
4. By default, the table data is vertically aligned in the middle of each cell.
5. A Hypertext link is used to connect one document with another document or file.

D. Answer the following questions in short:

Q1. Why do we add images to the web pages?
Ans. We add images to improve the appearance of the web page and to illustrate a
topic.
Q2. What do you mean by IMG and SRC in image tag?
Ans. IMG is short form of IMAGE. The <IMG> tag is used to insert graphics in the
HTML document.
SRC stands for SOURCE. It specifies the source (URL- Uniform Resource
Locator) of the image.
 Q3. What is the use of adding links in the web page?
Ans. Links enable users to navigate from one topic to the next on a website and from
one website to another.
Q4. What is the purpose of creating a table?
Ans. Tables enable to effectively present large amount of data in rows and columns.
It is used to organize the overall structure of a web page.
Q5. What do we create list in web page?
Ans. List are used to organize the information and present it in a structured manner.
We can add ordered or unordered list in our document to get a list of items apart
from the rest of the text in the page.
Q6. What is the use of spanning cells?
Ans. Spanning cell is also called merging cells. It is mainly used to display title
across the top or down side of a table.
COPLSPAN is used to span columns.
ROWSPAN is used to span rows.
Q7. How can you place the image in the center of the webpage?
Ans. To place the image in the center of the web page, <CENTER> tag is used.
Syntax: <CENTER>
<IMG SRC=“ABC.JPEG”>
</CENTER>

E. Answer the following questions briefly:

Q1. Why do we create image links?
Ans. We create image links, when we want to display a large number of images on
our webpage. As putting a large number of images on a single webpage will
increase its opening time. So in that case, we can display the same images in
small sizes on a page and create hyperlinks to their larger sizes.
Q2. What is structure of HTML table?
Ans. <TABLE>
<TR>
<TH> Content </TH>
<TH> Content </TH>
</TR>
<TR>
<TD> Content </TD>
<TD> Content </TD>
</TR>
</TABLE>
 Q3. What are the building blocks of HTML table? Explain.
Ans. The building blocks of HTML tables are the <TABLE>, <TR>, <TH>, <TD>
tags.
The <TABLE> tag defines the table itself.
The <TR> tag defines a table row.
The <TH> tag defines a table header.
The <TD> tag defines the table data or cell contents.
Q4. What are the various attributes associated with Table tag?
ATTRIBUTES DESCRIPTION
BORDER It specifies the width of a border around the table in pixels.
For example: <TABLE BORDER=1>
BORDERCOLOR It specifies a color for the table border as the RGB number or a color name.
For Example: <TABLE BORDER=1 BORDERCOLOR=”red”>
BGCOLOR It specifies a color for the table background as the RGB number or a color name.
For Example: <TABLE BORDER=1 BORDERCOLOR=”red”
BGCOLOR=”green”>
ALIGN It is used for aligning the text/content in an individual cell and the table itself.
There are two types of alignment:
Horizontal Alignment: It aligns the header across the width of a cell or table
across the width of a page. ALIGN attribute can be set as LEFT, RIGHT and
CENTER.
Vertical alignment: It is the alignment of the contents between the top and the
bottom of a cell. It can be controlled by setting the V-ALIGN attribute to TOP,
MIDDLE, or BOTTOM.
Vertical Alignment cannot be specified for an entire table.
WIDTH It specifies the breadth of the table in the browser window.
CELLPADDING It adds space between the table border and the contents of a cell. It pixels within a
cell border.
CELLSPACING It adds distance between the adjoining cells. It adds pixels between cells.
ROWSPAN It combines/merges two or more rows to make a large cell.
COLSPAN It combines/merges two or more columns to make a large cell.

Q5. What are the various attributes associated with IMG tag?
ATTRIBUTES DESCRIPTION
ALIGN It is used to align am image on the web page- Left, Right, Top, Middle and
Bottom.
ALT It specifies which alternate text should be displayed , if a selected image is not
displayed.
SRC SRC stands for Source. It is the source of the image. It specifies the source (URL-
Uniform Resource Locator) of the image.
HEIGHT It specifies the height of the image in pixels.
WIDTH It specifies the width of the image in pixels.
BORDER It adds border around the image.
F. Differentiate between the following:
1. Bulleted list tag and Numbered list tag
Bulleted list tag Numbered list tag
a) It is also known as unordered list. a) It is also known as ordered list.
b) <UL> tag is used to create it. b) <OL> tag is used to create it.
c) It is used for items that don’t need c) It is used for items that need a
a specific sequence or ranking. specific order or ranking.
d) Displays items with bullet points: d) Displays items with numbers
Disc by default. (1,2,3…) by default.
e) It has one attribute TYPE. e) It has two attributes TYPE and
START.
2. External Linking and Internal Linking
Internal Linking External Linking
a) These are the links to the pages a) These are links outside your
within your own website. own website.
b) Links can be either absolute or b) These links must always be
relative. absolute.
c) Helps users to navigate a website. c) Refers readers to external
resources.