SEBA
COMPUTER SCIENCE
CHAPTER - 3
INSERTING IMAGE AND CREATING TABLES IN HTML
|
Note: The star 💥 mark contained question specify that they are most likely to come in examination and very important. But I suggest you to read all the questions that I post on my site. |
💥1. Explain any two attributes of the <img> tag with values and examples.
The attributes of the <img> tag are:
i) src : It specify the uRL of an image file. Its value are written
in URL.
Example: <img src=
“image.jpg”>
ii) alt: It specify the alternate text for an image. Its values are
written in text.
Example: <img src =
“image.jpg” alt = “Image not available”>
iii) height: It specify the height of the image
Example: <img src = “image.
Jpg” height = “100”>
iv) width: It specify the width of the image.
Example: <img src =
“image.jpg” width = “90”>
|
Note: You shall write the
no of attributes and explain it according to the marks of question comes in
examination. Click here for more <img> tag attributes. |
💥2. Name some properties that can be used for the <img> tag.
Some of the properties that can be used for the <img> tag are:
i) margin alignment and
ii) border properties
3. Write the full form of the following:
GIF, JPEG, PNG, SVG, Webp, APNG, BMP, ICO, TIFF
Click to get the Full form .👈
💥4. Explain any two table tags used in an HTML5 document.
An HTML table consists of one <table> element and one or more
<tr>, <th>, and <td> elements.
The <tr> element defines a
table row.
The <th> element defines a table header. And
The <td> element defines a table cell.
The <caption> element defines the title of the table.
An HTML table may also include <caption>, <colgroup>,
<thead>, <tfoot>, and <tbody> elements.
|
Note: you shall write
the no of table tags and explain it according to the marks of question comes
in examination |
5. Explain the properties used for creating a table with their value and examples?
The properties used for creating a table with their value and examples
are:
i) Caption: Side property – It is use to the placement of the table caption.
Its values are top (default) and bottom. Example: Caption-side: bottom.
ii) Border: Spacing – It is use to specify the distance between the border of adjacent
cells. Its values are value 1, value 2 (in px, cm, etc.)
Example: border-spacing: 7px
Border-spacing: 10px 15 px
iii) Border-collapse: It is used specify whether table borders should collapsed
or not. Its values are separate (default) and collapse.
Example: border-collapse:
collapse
iv) Empty- cells: It is used to specify whether table borders should
collapse or not. Its values are separate (default) and collapse.
Example: empty-cells: hide
v) Width: It is used to specify the width of a table. Its values are
written in percentage or pixel.
Example: Width: 100%
Width: 200px
vi) Height: It is used to specify the height of a table. Its value is
written in percentage or pixel.
Example: height: 45%
height:160px
6. What is the use of the <hr> tag? Name any three different attributes of the <hr> tag.
<hr> tag is most often used to displayed a horizontal rule that is
used to separate content in an HTML page. The three different attributes of the
<hr> tag are:
i) Align
ii) noshade
iii) Size
iv) width
v) Color
💥7. Differentiate between <em> and <strong> tags.
The different between <em> and <strong> tag is that:
The <strong> tag is used to indicate strong importance,
seriousness, like to indicate key phrases in a text for someone skimming it.
The <em> tag is used to represent stress emphasis, like when you’d read the emphasized text in a different tone of voice.
8. Vinay wants to display some characters in a smaller font as compared
to the rest of the text. Which tag should he use for this?
To display some character in a smaller font as compared to the rest of the text he will use the <font size= “5”> content </font>
💥9. Write the HTML tag with attributes to make the background appear yellow and text red. Also, the text should appear 70 pixels from the top and 40 pixels from the left edge of the page.
<html>
<head>
<title>Background Color and Text color with
Pixel
</title>
</head>
<body style=
"background-color:yellow; color:red; padding:70px 40px"; >
<p>My World</p><br/>
<p>My World</p>
</body>
</html>
10. While making a web page using HTML. Arunita wanted to draw a horizontal line across the page and the thickness being twice that of default value. Write appropriate HTML command to help her to get the result as desired.
<html>
<head>
<title>HORIZONTAL LINE </title>
</head>
<body>
<hr height=
"3"> </hr>
</body>
</html>
11. Vinita wants an image “xyz.gif” to be tiled to fill the entire web page and to appear at the back of the text made by using HTML. Suggest her to write the appropriate HTML command.
<html>
<head>
<title>Background Image </title>
</head>
<body
background="xyz.gif"
style="background-repeat:no-repeat";>
<P>
background image</P><b
</body>
</html>
12. Madhuri wants the relative size of the text one size bigger than the default size. What attribute and what tag should she use?
<html>
<head>
<title>TEXT
SIZE </title>
</head>
<body>
<font size="7">ST. JOSEPHS SCHOOL GOHPUR</font>
</body>
</html>
13. Vijay wants to start numbering in an ordered list from third small Roman numeral. Help him to write the appropriate HTML command.
<!DOCTYPE html>
<html>
<title> Ordered list </title>
<head>
</head>
<body >
ORDER LIST NUBERING STARTING FROM
SMALL ROMAN iii
<ol
Type= "i"start= "3">
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ol>
</body>
</head>
</html>
14. Ratul wants to set the image “pqr.jpg” stored in “My Pictures” folder in c:\ as the background of his web page. Write HTML code to help him to do so.
<html>
<head>
<title>ADDING BACKGROUND IMAGE </title>
</head>
<body
background="C:/Users/ST/Desktop/pqr.jpg">
</body>
</html>
💥15. Ramcharan wants to displays a table in the center of the screen with
the border of the table blue in color and its thickness 6. Suggest him to write
HTML statement for the task.
<!DOCTYPE html>
<html>
<title>
Inserting tables</title>
<head>
</head>
<body >
<table border=
"6" align= "center" bordercolor="blue">
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
💥16. Observe the web page given below. Identify any five HTML tags used in it and write their use.
Heading Tag (<h1> to
<h6>: Heading tag is
used to define heading of a page. There are six heading levels in HTML,
numbered 1 through 6, from most important to least important. It is a container
tag.
Horizontal tag (<hr/>): The <hr> tag in HTML stand for horizontal rule
and is used to insert a horizonal rule or a thematic break in an HTML page to
divide or separate document sections. It is an empty tag.
Order list tag (<ol> </ol> and <li>
</li>): The <ol> tag is used to define an order list. This is
a list where each list item is preceded by a numerical like (numbers, roman
numbers, small roman number) or alphabetical like (capital, or small letters).
Both are container tags.
The <li> tag is used to define each list item.
Bold tag (<b></b>): <b> tag
specifies bold text without any extra importance. It is used to draw the
reader’s attention to elements contents. Which are not otherwise granted special
importance. It is a container tag.
Underline tag (<u> </u>: The <u> tag is used to
underline the text enclosed within the <u> tag. This tag is generally
used to underline misspelled words. It is a container tag.
16. Name the tag that affects the appearance of the text displayed by the browser?
The <br/> tag affects the appearance of the text displayed by the browser. It is an empty tag.
17. What is the used of <body> tag in HTML?
The <body> tag is used to defines the main content of an HTML document which displays on the browser. It can contain text content, paragraph, heading, images, tables, links, videos, ,etc. It is a visible part. The <body> tag must be the second tag after the <head> tag or it should be placed between the <head> and </head> tags. This tag is required for every HTML document and should only use once in the whole HTML document.
💥18. What is definition list?
Definition list represent a term and a relevant description in the form
of the list.
Definition list start and ends with dl tags ( <dl> and </dl>).
💥19. What is the used of START attribute?
The HTML ordered list <ol> start attribute is used to specify the
start value for numbering the individual list item of the ordered list.
Start values: It contains the numeric value or alphabetic value which specifies the start value of the first list item on the ordered list.
💥20. What does <basefont> tag specify? What are the attributes of this tag?
The <basefont> tag is used to specify the default value of
font-size, color, and font- family for all content written within an HTML
document. It is an empty tag.
The attribute of the <basefont>
tag are:
i) color
ii) Face
iii) Size
Share your expression
0 Comments