1. Fill in the blanks.
a. The________image format uses a maximum of 256 colors and a combination of these to create more colors.
b. The src attribute of the________tag specifies the URL of an image.
c. The <img> tag is a/an________element.
d. The value of the height attribute of the <img> tag is specified in___________
e.A_________arranges data in rows and columns.
f. The________tag indicates that the cell is a header for a column or a row.
g. The default value of caption-side property is__________
h. The____________property specifies the space between the border and content in a table.
i. The value of src attribute is_____________
j. The___________ property sets the horizontal alignment of text in a table.

Answer:-
a. GIF (Graphics Interchange Format)
b. <img>
c. Empty
d. Percentage or Pixel
e. Table header <th>
f. Table
g. Top
h. Cell padding
i. URL
j.Text- Align

2. Write T for the True statement and F for the False one. Correct the false statement(s).
a. Web browsers use only the GIF format.
b. PNG format works best for images with transparencies or low color count.
C. The <img> tag is an empty element.
d. The alt attribute cannot be used for the <img> tag.
e. The <td> tag specifies
f. The value of width attribute for the <img> tag can be specified in pixels only.
g. The border properties can be used with <td> and <tr> tags.
h. The text-align property sets the horizontal alignment of text in a table.
i. Graphics can be inserted in a table cell using the <image> tag.
j. The default value of the border-collapse property is ‘separate’.

Answer:-
а. F
b. T
c. T
d. F
e. T
f. T
g. T
h. T
i. F
j. T

3. Choose the correct option.
a. The___________tag specifies an image to be displayed in an HTML5 document.
i.<img> ii. <image> iii. <imagehtml> iv. none of these
b. src is an attribute of the____ tag
i.<img> ii. <image> iii. <imagesource> iv. none of these
c. The vertical-align property of the <td> tag can have the value
i. top ii. bottom iii. middle iv. none of these
d. The___________attribute specifies an alternate text for an image
i. alternate ii. alter iii. alt iv. none of these
e. Which of the following is the best format for photographs?
i.PNG ii.JPEG iii.GIF iv. none of these
f. The main tag used to define a table in HTML5 is_________
i. <table> ii.くtd> iii.<tr> iv. none of these
g. Which of the following tags is used to define an individual block or cell in a table row in an HTML5 document?
i. <table> ii.<tr> iii.くtd> iv. All of these
h. The default value of empty-cells property is
i. hide ii. show iii. separate iv. none of these
i. Which of the following properties are used with the <td> tag?
i. text-align ii. vertical-align iii. padding iV. All of these

Answer:-
a. <img>
b. <img>
h. Show
c. All of these
d. Alt
e. JPEG
f. <table>
g. <td>
h. Show
i. All of these

4. Short answer questions
a. Give the full form of GIF and PNG.
Ans: GIF :- Graphics Interchange Format

PNG :- Portable Network Graphics.

b. Name the attribute of the <table> tag is used to define background color.
Ans: The attribute of the <table> tag that is used to define background color is

<table background = ‘black”>.

c. Expand the following:

i.<td>                ii.<th>

Ans: i. <td> = Table data tag.

ii.<th> = Table header tag.

d. Name the tag used to define the title to the table.
Ans: The tag used to define the title to the table is <caption> tag.

e. What is the use of <th> tag?
Ans: The table header  indicates that the cell is a header for a column or a row.

f. What are the values in which the width and the height property of a table can be given?
Ans: The width and the height property of a table can be given in  percentage(%) or pixels(px).
eg:- Width: 100%, 200px
Height: 45%,170px

g. Which table property is used to specify the placement of a table caption?
Ans: Caption-side is the table property used to specify the placement of a table caption.

h. What is the use of empty-cells property?
Ans: The use of empty-cells property is that it specifies whether to display borders and background for empty cells in a table or not.

i. Name the property used to set the vertical alignment of text in a table?
Ans: Vertical-align property is the property used to set the vertical alignment of text in a table.

j. Can you insert an image in a table cell?
Ans: Yes, we can insert an image in a table cell.

5. Long answer questions

a. Differentiate between GIF and JPEG formats.
Ans:
GIF
1. It contains 256 colors.
2. It displays images designed with a graphics program.

JPEG
1. It contains 1 million colors.
2. It does not displays  images designed with a graphics program.

b. What is the use of <img> tag? Is it an empty or a container element? Explain any two attributes used with this tag using an example.
Ans: The use of <img> tag is that it specifies an image to be displayed in an HTML5 document.It is an empty element as it have an OFF tag.
Two attributes are:-
(i) Src – It specifies the URL of an image file. Example :- <img src = “picl.jpg”>
(ii)Height:- It specifies the height of an image. Example :- <img src = “picl.jpg” height = “100”>

c. What is the difference between <tr> and <td> tags?
Ans: <tr> (Table Row Tag) :- It defines a horizontal row of cells.
<td> <Table Data Tag):-It specifies an individual block or cell in a table row.

d. What is the use of the following properties.
Ans: (i) Border-spacing: It specifies the distance between the borders of the adjacent cells.
(ii) Caption-side:It specifies the placement of table caption.
(ii) Border-collapse: It specifies whether the table borders should be collapsed or not.

e. How can we specify the height and width of the table?
Ans: We can specify the height and width of the table by the height and width property of the table tag. Its values are in percentage or pixels.
eg:- <table height = “170px”,width =”200%”>

f. Explain the border properties that can be used with the <table> tag. Can you apply these properties to the <td> and <tr> tags?
Ans: The border properties that can be used with the <table> tag are:-
1. Border-spacing:- It specifies the distance between the borders of adjacent cells. Its values are in value1 and value 2(in px, cm, etc). eg:- border-spacing: 7px, border-spacing: 10px 15px.
2. Border-collapse:- It specifies whether table borders should be collapse or not. It values are in separate (default) collapse. eg:- border-collapse: collapse.

Yes, we can apply these properties to the <td> and <tr> tags.

g. Differentiate between text-align and vertical-align properties. What values can be assigned to
these properties?
Ans:
Vertical-align property
1. It sets the horizontal alignment of text in a table.
2. The value of this property is Left/Right/Center.

Text-align property

1. It sets the vertical alignment of Text-align property text in a table.
2. The value of this property is Top/Bottom/Middle.

h. Which properties will you use to change the background color and the text color for the heading row?
Ans:We can use ‘background-color’ property to change the background color and ‘color’ property for the text color for the heading row.

i. What is the use of the padding property? Which HTML tag uses this property?
Ans: The padding property  specifies the space between the borders and contents in a table. Its values are in pixels. The <td> HTML tag uses this property.

j. What is the use of the empty-cells property?What different values can be assigned to this property?
Ans: The empty-cells property specifies whether to display borders and background for empty cells in a table or not.
The different values that can be assigned to this property are:- show (default) and hide.

Q1. Ratul wants to set the image “pqr.jpg” stored in “My picture”folder in C:\ as the background of his web page. Write HTML code to help him to do so.
Ans:-

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url('C:\My picture/pqr.jpg');
}
</style>
</head>
<body>
<h1>SEBAHELP.COM</h1>
<h2>Background Image</h2>
</body>
</html>

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here