Inserting Images and Creating Tables in HTML5 class 10 SEBA Computer Science Questions Answers

Inserting Images and Creating Tables in HTML5 class 10 SEBA Computer Science Questions Answers: Inserting Images and Creating Tables in HTML5 is the chapter 3 from class 10 HSLC (SEBA) Computer Science. Here you will get Inserting Images and Creating Tables in HTML5 class 10 SEBA Computer Science Questions Answers.

SEBA Class 10th Computer Science Chapter 3 Inserting Images and Creating Tables in HTML5 Answers

Objective Type Questions:                                    Marks: 1

1. Fill in the blanks.

i. The ________ image format uses a maximum of 256 colors and a combination of these to create more colors.

ii. The src attribute of the  ________ tag specifies the URL of an image.

iii. The <img> tag is a/an  ________ element.

iv. The value of the height attribute of the <img> tag is specified in  ________.

v. A  ________ arranges data in rows and columns.

vi. The  ________ tag indicates that the cell is a header for a column and a row.

vii. The default value of caption-side property is  ________.

viii. The  ________ property specifies the space between the border and content in a table.

ix. The value of src attribute is  ________.

x. The  ________ property sets the horizontal alignment of text in a table.

Ans:

i. The GIP image format uses a maximum of 256 colors and a combination of these to create more colors.

ii. The src attribute of the image tag specifies the URL of an image.

iii. The <img> tag is a/an empty element.

iv. The value of the height attribute of the <img> tag is specified in pixels.

v. A table arranges data in rows and columns.

vi. The th tag indicates that the cell is a header for a column and a row.

vii. The default value of caption-side property is top.

viii. The padding property specifies the space between the border and content in a table.

ix. The value of src attribute is URL.

x. The text align property sets the horizontal alignment of text in a table.

Introduction to Internet class 10 Questions Bank

2. Write T for the True statement and F for the False one. Correct the false statement(s).

i. Web browser use only the GIF format. [F]

ii. PNG format works best for images with transparencies or low color count. [T]

iii. The <img> tag is an empty element. [T]

iv. The alt attribute cannot be used for the <img> tag.[F]

v. The <td> tag specifies an individual block or a cell in a table row. [T]

vi. The value of width attribute for the <img> tag can be specified in pixels only. [T]

vii. The border properties can be used with <td> and <tr>. [F]

viii. The text align property sets the horizontal alignment of text in a table. [T]

ix. Graphics can be inserted in a table cell using the <image> tag. [T]

x. The default value of the border-collapse property is 'seperate'. [T]

Ans: i. False   ii. True    iii. True    iv. False    v. True    vi. True    vii. False     viii. True    ix. True    x. True

Computer Science Class 10 SEBA Chapter 3 Inserting Images and Creating Tables in HTML5 

1. Choose the correct option:                             Marks: 1

i. The ________ tag specifies an image to be displayed in an HTML5 document.

     a. <img>                                         b. <image>   

     c. <image html>                            d. none of these

Ans: <img>

ii. Src is an attribute of the _______ tag.

     a. <img>                                           b. <image>   

     c. <image source>                         d. none of these

Ans: <image> 

iii. The vertical-align property of the <td> tag can have the value _______.

     a. top                                         b. bottom

     c. middle                                  d. all of these

Ans: All of these

iv. The ______ attribute specifies an alternate text for an image.

     a. alternate                              b. alter

     c. alt                                         d. none of these

Ans: alt

v. Which of the following is the best format for photographs ?

     a. PNG                                   b. JPEG

     c. GIF                                    d. none of these

Ans: JPEG

vi. The main tag used to define a table in HTML5 is ________.

     a. <table>                               b. <td>

     c. <tr>                                    d. none of these

Ans: <table>

vii. Which of the following tag is used to define an individual block or cell in a table row in an HTML document ?

      a. <table>                              b.<tr>

      c. <td>                                  d. All of these

Ans: <td>

viii. The default value of empty-cells property is ______.

      a. hide                                    b. show

      c. separate                            d. none of these

Ans: show

ix. Which of the following properties are used with the <td> tag ?

      a. text-align                           b. vertical-align

      c. padding                              d. All of these

Ans: All of these

Inserting Images and Creating Tables in HTML5 Short Questions Answers

Short Type Questions                                           Marks: 2

1. Give the full form of GIF and PNG.

Ans: The full form of GIF and PNG are,

          GIF= Graphics Interchange Format

          PNG= Portable Network Graphics

2. Explain the following:

    i. <td>         ii. <th>

Ans: i) <td> = table data

          ii) <th> = table head 

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

Ans: <th> tag is used to write the heading of a table. The table indicates that the cell is a header for a column or row, whatever we write in table header it becomes bold at the output.

4. What are the values in which the width and height property of a table can be given ?

Ans: The values in which the width and height property of a table can be given in percentage or pixels.

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

Ans: Caption side property is used to specify the placement of a table caption. It's It's values are top and bottom. The default placement is top.

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

Ans: Empty-cells property specifies whether to display borders and background for empty cells in a table or not.

7. Name the property used to set the vertical alignment of text in a table.

Ans: To set the vertical alignment of text in a table, we use the vertical alignment property.

8. Can you insert an image in a table cell ?

Ans: Yes, we can insert image in a table cell.

9. Name the attribute of the <table> tag that is used to define background color.

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

10. How can you specify the height and width of a table ?

Ans: We can specify the height and width of a table is percentage or pixels.

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

Ans: To change the background color and text color for the heading row, The properties used are background-"color" and "color" respectively.

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

Ans: The padding property is used to specify the space between a border and content in a table. It's value is counted in pixels.

13. Use of Empty cells property ? What different values can be assigned to these properties ?

Ans: Empty cells property specifies whether to display borders and background for empty cells in a table or not.

The different values assigned to empty cells properties are show and hide.

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

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

Inserting Images and Creating Tables in HTML5 Long Questions Answers

Essay/Long Type Questions                                   Marks: 3

1. Differentiate between GIF and JPEG formats.

Ans: GIF is an image format designed with a graphics format. This format uses 256 colors and a combination of these to create more colors. But JPEG contains 1 million colors and it is the best format for photographs.

2. 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: <img> tag is used to insert image in the HTML document. It is an empty element. <img> tag has many attributes like src, alt, height, width etc.

Example,

i. <img> = src attribute of<img> tag specifies the URL of an image file.

Eg: <img src= "image.jpeg">

ii. <img alt> = alt attribute of <img> tag specifies alternate text for an image. This text is displayed when the graphics features is turned off in the browser.

Or

The <img> tag specifies an image to be displayed in an HTML5 document. It is an empty 

element as it does not have an OFF tag. Any two attributes of this tag are: 

src: Specifies the URL of an image. Example: <img src= ”Apple.jpeg”>

alt: Specifies the alternate text for an image. This text is displayed when the graphics feature is turned off in the browser or the image file could not be found or while the image is being downloaded. 

In some browsers, the ALT is displayed as a tool tip for the image. Example: <img src=”Apple.jpeg” alt = “Image of an Apple”>

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

Ans: <tr> is the table row tag defines a horizontal rows of cell. And <td> is table data tag specifies an individual block or cell in a table row.

4. Write the use of the following properties:

    i. border-spacing    ii. caption-side    iii. border-collapse

Ans:

i, border-spacing: Border spacing specifies the distance between the border of adjacent cells.

ii. caption-side: Caption side specifies the placement of caption for the table which has two values such as top and bottom. The default caption side is top.

iii. border-collapse: Border collapse specifies whether table border should be collapsed or not. The two values of border collapse are seperate and collapse. The default border collapse is seperate.

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

Ans: The height and width properties of a table are used to set the height and width of a table. They are specified in pixels or percentage. 

Example: 

<html>

<head>

<title>Creating Tables</title>

<style type=:text/css”>

Table

(

border-width:2px;

border-color: red;

border-style: dashed;

height: 100%;

width: 100%;

)

</style>

</head>

6. 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 in the <table> tag are "border spacing" and "border collapse".

i. border spacing: It specifies the distance between the borders of adjacent cells.

ii. border collapse: It specifies whether table border should be collapsed or not. The two values of border collapse are seperate and collapse.

 

The border properties can be used in <td> <tr> and <th>.

7. Differentiate between text align and vertical align properties. What values can be assigned to these properties ?

Ans: Text align sets the horizontal alignment of text in a table. The values of text align are left, right, centre

On the other hand, Vertical align sets the vertical alignment of text in a table. The values of vertical align are top and bottom.

The values that can be assign to these properties are left, right, centre, top, bottom and middle.

Inserting Images and Creating Tables in HTML5 Important Questions Answers (SEBA/HSLC)

1. Which attribute specify the location of the image to be include in a  webpage ? [ HSLC' 15]

Ans: The src attribute, src attribute contains a path pointing to the image you want to embed in the page, which can be a relative or absolute URL, in the same way as href attribute values in <a> elements.

2. By which tag the ALT attribute is contained ? [ HSLC' 15]

Ans: The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader)

3. Give the full form of GIF, JPEG and PNG ? Why are these graphics formats used for ?

Ans: 

GIF: Graphics Interchange Format

It is the best format for displaying images designed by a graphics program. This format uses a maximum of 256 colors and a combination of these to create more colors.

JPEG: Joint Photographic Expert Group 

It is the best format for photographs as it contains 1million colors.

PNG: Portable Network Graphics 

It is best suited for images with transparencies or low color count.

4. What is a table ? Why is it used in a web page ?

Ans: A table arranges data in rows and columns. 

Tables in webpages helps organize data and make it easier to read and interpret data. Tables allow proper arrangement of each piece of information on the website where each cell of a table can contain text, graphics and links.