0% found this document useful (0 votes)
13 views7 pages

HTML

The document provides an overview of HTML, explaining its definition, features, advantages, and disadvantages. It details various HTML tags, including formatting tags, list tags, and the <table> tag, along with their attributes and examples. Additionally, it covers the use of hyperlinks and the <marquee> and <font> tags for text and image manipulation.

Uploaded by

Jash Mehta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
13 views7 pages

HTML

The document provides an overview of HTML, explaining its definition, features, advantages, and disadvantages. It details various HTML tags, including formatting tags, list tags, and the <table> tag, along with their attributes and examples. Additionally, it covers the use of hyperlinks and the <marquee> and <font> tags for text and image manipulation.

Uploaded by

Jash Mehta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Swami Vivekanand International School & Jr.

College
SYJC
Computer Science I
Chapter 4: HTML

Q1. What is HTML? Explain its features.


Ans-
1. HTML sands for Hyper Text Markup Language.
2. Using this language user can create web pages which can be viewed in any web
browser.
3. Hypertext is ordinary text with extra features such as formatting, images, multimedia
and links to other documents.
4. Mark-up is the process of taking ordinary text and adding extra symbols.
5. Mark-up languages are special type of computer language.
6. Features
i. HTML is a set of codes that is used to create document and then it can be
published on the World Wide Web.
ii. Documents prepared in HTML include reference graphics and formatting tags.
iii. HTML is hyperlink specification language.
iv. It contains powerful formatting facilities for text, page, images etc.
v. HTML support forms which make it possible to create documents that collect
and process user input.
vi. It tells how to make a document interactive through special hypertext links.

Q2. Write Advantages & Disadvantages of HTML.


Ans-
1. Advantages
i. For creating HTML document, only text editor is needed. No special software is
needed.
ii. HTML document can be created on any hardware platform.
iii. HTML is easy to learn, use of implement.
iv. Contains powerful formatting facilities.
v. HTML pages can be updated easily without changing whole document.
vi. If something is not working, then finding error is easy in HTML.
vii. HTML will not cost anything for its use. There are no expensive licenses to buy
or no upgrades to purchase.
viii. Learning HTML is simple than any programming language.
2. Disadvantages
i. HTML is not a programming language in true sense.
ii. Any simple calculation cannot be done in HTML.
iii. It cannot be used to display even date.
iv. The interactive web pages cannot be built by HTML.
v. The web pages developed in HTML cannot behave like an application.
vi. The web pages developed in HTML do not have their own interface.
vii. Hyperlink is provided in HTML. But for that we need to trip to server at each
step.

Q3. Explain text formatting tags.


Ans-
1. <B>
i. <b> is bold tag.
ii. The text appearing between <b> and </b> will be displayed in bold letters.
iii. E.g. <B>Welcome</b>  Welcome
2. <I>
i. <i> is italics tag.</i>
ii. The text appearing between <i> and </i> will be displayed in italics.
iii. E.g. <i>Welcome</i> Welcome
3. <U>
i. <u> is underline tag</u>
ii. The text appearing between <u> and </u> will be displayed underlined.
iii. E.g. <u>Welcome</u> Welcome
4. <strike>
i. <strike> is strike tag.
ii. The text enclosed within <strike> and </strike> would have line drawn through
the middle of the text.
iii. <strike>Welcome</strike> Welcome
5. <sup>
i. <sup> is superscript tag.
ii. The text enclosed within <sup> and </sup> is displayed in super script form.
iii. E.g. E=MC<sup>2</sup> E=MC2
6. <sub>
i. <sub> is subscript tag.
ii. The text enclosed within <sub> and </sub> is displayed in sub script form.
iii. E.g. S<sub>2</sub>SO<sub>4</sub> S2SO4
7. <em>
i. <em> is emphasis tag.
ii. The text enclosed within <em> amd </em> is displayed in emphasis (italics)
form.
iii. E.g. <em>Welcome</em>  Welcome
8. <strong>
i. <strong> is strong tag.
ii. The text enclosed within <strong> and </strong> is displayed in strong (bold)
form.
iii. E.g. <strong>Welcome</strong> Welcome
9. <pre>
i. <pre> is pre-formatted tag.
ii. It is used to preformat the text.
iii. The text enclosed within <pre> and </pre> is displayed in mono space form.
iv. This tag displays the text in exactly same format as the character and line
spacing format.
v. E.g.
<pre>
Welcome to the World
Of Information Technology
</pre>
10. <br>
i. <br> is break tag.
ii. It is used to insert line break into a text flow.
iii. E.g. Thank <br> You.
iv. Output Thank
You
11. <big>
i. <big> is big tag.
ii. The text enclosed within <big> and </big> is displayed in larger font.
iii. If size is already largest then tag is ignored.
iv. E.g. <big>Welcome</big> Welcome
12. <small>
i. <small> is small tag.
ii. The text enclosed within <small> and </small> is displayed in smaller font.
iii. If size is already smallest then tag is ignored.
iv. E.g. <small>Welcome</small> Welcome

Q4. Explain <marquee> tag.


Ans-
1. I is used for scrolling the text and images on screen from right to left.
2. The text enclosed within <marquee> and </marquee> will scroll on the screen, in
horizontal line.
3. Attribute-
i. Bgcolor – It will display background color for marquee.
ii. Height – It specifies the height for content to scroll.
iii. Width – It specifies the width for content to scroll.
iv. Direction – It specifies the direction for scrolling. The values can be – right ,
left, up and down.
v. Scrollamount – It specifies how fast the content should scroll.
vi. Scrolldelay – It specifies how slow the content should scroll.
4. E.g. <marquee bgcolor=”red” direction=”up”>Welcome</marquee>

Q5. Explain <font> tag.


Ans-
1. <font> is a font tag.
2. It is used to format size, face type and color of enclosed text.
3. Attributes-
i. Size - It can specify values in absolute or relative ranging from 1 to 7.
ii. Color – It specifies the color for the font.
iii. Face – it specifies the face type that is used for the text.
4. Eg.- <font color=”pink” face=”Jokeman” size=”+3”>Welcome</font>

Q5. Explain <HR> tag.


Ans-
1. <HR> is horizontal ruler.
2. A webpage can be divided into separate sections by using horizontal rulers, <HR>tag.
3. This is used for decorative purposes.
4. Attributes-
i. Size – it specifies the thickness of the ruler.
ii. Width – it specifies the width of ruler. It takes value in 2 form – absolute and
relative. Relative values are given in %.
iii. Center – It specifies the alignment for ruler. By default is center.
iv. Color – It specifies the color for ruler.
5. E.g. <hr color=”green” width=”40% size=”5” align=”right”>

Q6. Explain <P> tag.


Ans-
1. <P> is paragraph tag.
2. A paragraph can be created by enclosing text within paragraph tag.
3. Attribute—
i. Align – It specifies the alignment for the paragraph. It take four values left,
right, center and justify. By default value is left.
4. E.g. <p align=”Justify”>Welcome…Welcome….welcome….welcome…</p>

Q7. Explain <img> tag.


Ans-
1. <img> is image tag.
2. It is a standalone tag.
3. Its purpose is to include graphics images in the body of the web page.
4. Attribute-
i. Src- It specifies the name of image or appropriate path of image file for upload.
ii. Alt – It specifies alternate text for an image.
iii. Width – It specifies the width for an image.
iv. Height – It specifies the height for an image.
v. Align – It specifies the alignment for an image. It takes left and right value. By
default value is left.
vi. Border – It specifies the border for an image.
5. E.g. <img src=”1.jpg” width=”300” height=”300” align=”right” border=”5”>

Q8. Explain list tags.


Ans-
1. <OL>
i. <OL> is ordered list.
ii. An ordered list is used when the sequence of list item is to be displayed.
iii. <li> tag is used to indicate actual list element.
iv. Attributes-
i. Type – it specifies the type of list. It takes values as “1” (Arabic
numbers), “a” (lowercase alphanumeric), “A” (uppercase alphanumeric),
“i” (lowercase roman numbers), “I” (uppercase roman numbers). By
default is Arabic numbers.
ii. Start – It specifies the beginning of list’s number sequence. Any value
can be given
v. E.g.
<ol start=”5” type=”A”>
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ol>
2. <UL>
i. <UL> is unordered list.
ii. Unordered list are bulleted list.
iii. An unordered list is used when the sequence of list item is to be displayed.
iv. <li> tag is used to indicate actual list.
v. Attributes-
i. Type – It specifies the type of list. It takes values as disc ,disc and
square
vi. E.g.
<ul>
<li>Apple</li>
<li>Mango</li>
<li>Orange</li>
</ul>

3. <DL>
i. <DL> is definition list.
ii. This list is rendered without bullets.
iii. <DT> tag is used for definition term i.e. name or title of item you are defining.
iv. <DD> is used for the definition description.
v. E.g.
<dl>
<dt>HTML</dt>
<dd>Hyper Text Markup Language</dd>

<dt>WWW</dt>
<dd>World Wide Web</dd>
</dl>

Q9. Write a note on links is HTML.


Ans-
1. <A> is anchor tag.
2. It is used to create links or hyperlinks.
3. Links point to different files on the web.
4. The text or image enclosed in <A> tag is link.
5. This link is clickable in a graphical browser.
6. The text within the anchor tag is displayed in a different color and underlined.
7. Attributes-
i. Href – It refers to hypertext reference. The object to which the link has to be
made is defined by the HREF attribute.
8. E.g. <a href=”demo.html”>My First Link</a>

Q10. Explain <Table> tag.


Ans-
1. A table can be created using <table> tag.
2. The row si to be defined first and then cells or columns are inserted.
3. The <TR> tag is used to create table row.
a. <TR> creates a horizontal row of cells.
b. A row must contain at least one table data element.
4. The <TD> tag is used to display actual data.
a. <T> is table data.
b. The number of cells in a row determines the number of columns.
5. The <TH> tag is used to give heading or title to the column or row.
a. This tag is used to represent individual column heading of a table.
b. By default text in this cell is bold and centered.
6. Attributes-

<Table> tag attributes

Name of Attribute Description Example


Draw an outline around table row
Border and cell. By default table has no <table border=”2”>
border.
Defines how wide your table will
Width appear across the width of the <table width=”200”>
screen.
Decides the amount of spacing
Cellpadding between each cell border and the <table cellpadding=”10”>
actual content of cell.
Cellspacing Creates space between the cells. <table cellspacing=”5”>

To give the background color to the


Bgcolor <table bgcolor=”red”>
table
Bordercolor Give the color to the border <table bordercolor=”red”>

Align Decides alignment of the table. <table align=”center”>

<TR> tag attributes

Name of Attribute Description Example

Specifies the horizontal


Align <tr align=”right”>
alignment of row.

Specifies background color


Bgcolor <tr bgcolor=”aqua”>
of specific row or column

<TH>, <TD> tags attributes

Name of Attribute Description Example

Specifies the horizontal


Align <tr align=”center”>
alignment of cell.

Specifies background color


Bgcolor <tr bgcolor=”aqua”>
of specific row or column.

Number of columns that a


Colspan <td colspan=”3”>
cell span.

Number of rows that a cell


Rowspan <td rowspan=”2”>
span.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy