Class 10 Computer Chapter 3(Descriptive Type Questions)

 CLASS 10 SEBA NOTES

3. Inserting Images and Creating Tables in HTML5

Descriptive Type Questions 

1. 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 that is used to define background color. 

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


c. Expand the following: 

Ans:-  i. <td> : Table data tag
          ii. <th> : Header cell 


d. Name the tag used to define the title to the table. 

Ans:-  Table caption tag used to define the title to the table. 


e. What is the use of the <th> tag? 

Ans:-  The table header or <th> tag 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 values in which the width and the height property of a table can be given are percentage or pixels.


g. Which table property is used to specify the placement of a table caption? 

Ans:-  The caption-side property is used to specify the placement of a table caption.


h. What is the use of empty-cells property?
 

Ans:-  The empty-cells property is used to specify 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:-  The vertical-alignment property is 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 you insert an image in a table cell.




2. Long answer questions.

a. Differentiate between GlF and JPEG formats. 

Ans:- GIF is the best  format for displaying images designed with a graphics program and it uses a maximum of 256 colors and a combination of these to create more colors. While JPEG is the best format for photographs as it contains 1 million colors.


b. What is the use of the <img> tag? Is it an empty or a container element? Explain any two attributes used with this tag using an example.

Ans:- The <img> tag  specifies an image  to be displayed in an HTML5 document.

 It is an Empty element.

 Any two attributes of the <img> tag are -

(i) src :-  It specifies the URL of an image file. 

For example- <img  src="pic1.jpg">,

                    where "src"  is the attribute and "pic1.jpg"  is the URL of the image to be displayed using the <img> tag.

(ii) height:-   It specifies the height of the image file.

For example- <img  src="pic1.jpg"  height="100">,                        

                    where  "height" is the attribute and "100" is the number of pixels for the height of the image.


c. What is the difference between <tr> and <td>  tags?

Ans:- The difference between the <tr> and <td>  tags is the table row tag(<tr>) is used to define a horizontal row of cells,  while the table  data tag(<td>)  specifies an individual block or cell in a table row.


d. Write the use of the following properties:

Ans:-

(i) border-spacing:                                      

Border-spacing is used to specify the distance between the borders of adjacent cells.

(ii)  caption-side:                                                 

Caption-side is used to specify the placement of a table caption.

(iii)  border-collapse:                               

Border-collapse is used to specify whether the table borders should be collapsed or not.


e. How can you specify the height and width of a table? Explain with an example.

Ans:-  The height and width of a table is specified by the property height and width.

For example -

(i) table{

                height : 100px

            },                                                             

where height is the property to specify the height of the table and the value is 100 pixels.


(ii)table{

                width : 150px

            },                                                             

where width is the property to specify the width of the table and the value is 150 pixels.


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 :

(i) border - It  specifies the  border size and color of the border. 

For example -    table{          

                                    border: 2px solid red       

                                    }                                               

                       Here, 2px is the size of the border and solid red is the color of it .


(ii) border-spacing : It specifies the distance between the borders of adjacent cells. It takes value in pixels, centimeter, etc.

(iii) border-collapse :  It specifies whether table   border should be collapsed or not. Separate or collapse are the values of this property.

  Yes, we can apply this 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:-  The text-align sets the horizontal alignment of text in a table, while the vertical align sets the vertical alignment of text in a table.

        The values that can be assigned to the text-align property are left, right or centre. And the values that can be assigned to the vertical-align property are top, bottom or middle.


h. Which properties will you use to change the background color and text color for the heading row?

Ans:-  The property to change the background color of the heading row is background-color and the property to change the text color of the heading row is color.


 i. What is the use of the padding property? Which HTML5 tag uses this property? 

Ans:-  The padding property specifies the space between the border and content in a table.

The <table>, <th>, <td> ,<tr> ,etc. 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 it is used to specify whether to display borders and background for empty cells in a table or not.                              

The values that can be assigned to this property are show or hide.




Comments

Popular posts from this blog

Class 10 Geography Chapter 1

Class 10 History Chapter 1

Class 10 Geography Chapter 2 Seba Notes |