Scribd
Upload
15 views

unit-2 question and answer

The document provides an overview of HTML components, including essential tags like <html>, <head>, <body>, and various formatting tags such as <b>, <i>, and <u>. It also discusses the <img>, <audio>, and <video> tags, along with their attributes for displaying multimedia content. Additionally, it covers the <marquee> tag for scrolling text and the <font> tag for customizing text appearance.

Uploaded by

laita nikam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
15 views

unit-2 question and answer

The document provides an overview of HTML components, including essential tags like <html>, <head>, <body>, and various formatting tags such as <b>, <i>, and <u>. It also discusses the <img>, <audio>, and <video> tags, along with their attributes for displaying multimedia content. Additionally, it covers the <marquee> tag for scrolling text and the <font> tag for customizing text appearance.

Uploaded by

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

1) Explain Basic components of HTML OR Write note on HTML tags OR Define HTML.

Explain the component of HTML

Ans:- The <html> element is the root element and it defines the whole HTML document. It has a start tag
<html> and an end tag </html> . The <body> element defines the document's body. It has a start tag
<body> and an end tag </body> .
DOCTYPE>: It defines the document type or it instruct the browser about the version of HTML.
<html > :This tag informs the browser that it is an HTML document. Text between html tag describes the
web document. It is a container for all other elements of HTML except <!DOCTYPE>
<head>: It should be the first element inside the <html> element, which contains the
metadata(information about the document). It must be closed before the body tag opens.
<title>: As its name suggested, it is used to add title of that HTML page which appears at the top of the
browser window. It must be placed inside the head tag and should close immediately. (Optional)
<body> : Text between body tag describes the body content of the page that is visible to the end user.
This tag contains the main content of the HTML document.
Heading Tags:- Any document starts with a heading. You can use different sizes for your headings. HTML
also has six levels of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.
While displaying any heading, browser adds one line before and one line after that heading.
Paragraph Tag
The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of text should go
in between an opening <p> and a closing </p> tag
Line Break Tag
Whenever you use the <br /> element, anything following it starts from the next line. This tag is an
example of an empty element, where you do not need opening and closing tags, as there is nothing to go
in between them.
Horizontal Lines
Horizontal lines are used to visually break-up sections of a document. The <hr> tag creates a line from the
current position in the document to the right margin and breaks the line accordingly.

Q2 ) List and explain formatting tags. Give example.


1. Bold tag
2. Italic tag
3. Underline tag
4. Mark tag
5. Strike tag
6. Monospace tag
7. Subscript tag
8. Superscript tag
9. Delete and Insert tag
10. Big and Small tag

1) Bold Text
HTML<b> and <strong> formatting elements. The HTML <b> element is a physical tag which display text
in bold font, without any logical importance. If you write anything within <b>............</b> element, is
shown in bold letters.
2) Italic Text
HTML <i> and <em> formatting elements
The HTML <i> element is physical element, which display the enclosed content in italic font, without any
added importance. If you write anything within <i>............</i> element, is shown in italic letters.
3) HTML Marked formatting
If you want to mark or highlight a text, you should write the content within <mark>.........</mark>.
4) Underlined Text
If you write anything within <u>.........</u> element, is shown in underlined text.
5) Strike Text
Anything written within <strike>.......................</strike> element is displayed with strikethrough. It is a thin
line which cross the statement.
6) Monospaced Font
If you want that each letter has the same width then you should write the content within <tt>.............</tt>
element.
7) Superscript Text
If you put the content within <sup>..............</sup> element, is shown in superscript; means it is displayed
half a character's height above the other characters.
8) Subscript Text
If you put the content within <sub>..............</sub> element, is shown in subscript ; means it is displayed
half a character's height below the other characters.
9) Deleted Text
Anything that puts within <del>..........</del> is displayed as deleted text.
10)Smaller Text
If you want to put your font size smaller than the rest of the text then put the content within
<small>.........</small>tag. It reduces one font size than the previous one.
Q3 Discuss Image tag with attributes, give example
Image
HTML img tag is used to display image on the web page. HTML img tag is an empty tag that contains
attributes only, closing tags are not used in HTML image element.
Let's see an example of HTML image.
<h2>HTML Image Example</h2>
<img src="good_morning.jpg" alt="Good Morning Friends"/>
1) src
It is a necessary attribute that describes the source or path of the image. It instructs the browser where to
look for the image on the server.
The location of image may be on the same directory or another server.

2) alt
The alt attribute defines an alternate text for the image, if it can't be displayed. The value of the alt
attribute describe the image in words. The alt attribute is considered good for SEO prospective.
3) width
It is an optional attribute which is used to specify the width to display the image. It is not recommended
now. You should apply CSS in place of width attribute.
4) height
It h3 the height of the image. The HTML height attribute also supports iframe, image and object elements. It
is not recommended now. You should apply CSS in place of height attribute.
Example
<html>
<head>
<title>Image tag</title>
</head>
<body>
<h2>HTML image example with height and width</h2>
<img src="https://static.javatpoint.com/htmlpages/images/animal.jpg" height="180" width="300"
alt="animal image">
</body>
</html>
Q4 Write program for inserting audio and video in web page?
How Audio, video are inserted in web page? Give tag used
Ans:- Audio Tag

HTML audio tag is used to define sounds such as music and other audio clips. Currently there are three
supported file format for HTML 5 audio tag.
1. mp3
2. wav
3. ogg
HTML5 supports <video> and <audio> controls. The Flash, Silverlight and similar technologies are used to
play the multimedia items.
There is given a list of HTML audio tag.
Attribute Description
controls It defines the audio controls which is displayed with play/pause buttons.
autoplay It specifies that the audio will start playing as soon as it is ready.
loop It specifies that the audio file will start over again, every time when it is completed.
muted It is used to mute the audio output.
preload It specifies the author view to upload audio file when the page loads.
src It specifies the source URL of the audio file.

Example:-
<html>
<body>
<audio controls autoplay loop>
<source src="koyal.mp3" type="audio/mpeg"></audio>
</body>
</html>
Video Tag
HTML 5 supports <video> tag also. The HTML video tag is used for streaming video files such as a movie
clip, song clip on the web page.
Currently, there are three video formats supported for HTML video tag:
1. mp4
2. webM
3. ogg
Let's see the table that defines which web browser supports video file format.
Let's see the list of HTML 5 video tag attributes.
Attribute Description
controls It defines the video controls which is displayed with play/pause buttons.
height It is used to set the height of the video player.
width It is used to set the width of the video player.
poster It specifies the image which is displayed on the screen when the video is not played.
autoplay It specifies that the video will start playing as soon as it is ready.
loop It specifies that the video file will start over again, every time when it is completed.
muted It is used to mute the video output.
preload It specifies the author view to upload video file when the page loads.
src It specifies the source URL of the video file.

Q5 Describe marque tag with attributes?


The Marquee HTML tag is a non-standard HTML element which is used to scroll a image or text
horizontally or vertically.
Syntax
<marquee>This is an example of html marquee </marquee>
Marquee's element contains several attributes that are used to control and adjust the appearance of the
marquee.
Attribute Description
behavior It facilitates user to set the behavior of the marquee to one of the three different
types: scroll, slide and alternate.
direction defines direction for scrolling content. It may be left, right, up and down.
width defines width of marquee in pixels or %.
height defines height of marquee in pixels or %.
hspace defines horizontal space in pixels around the marquee.
vspace defines vertical space in pixels around the marquee.
scrolldelay defines scroll delay in seconds.
scrollamoun defines scroll amount in number.
t
loop defines loop for marquee content in number.
bgcolor defines background color. It is now deprecated.
Example
<html>
<body>
<marquee width="100%" behavior="slide" bgcolor="pink">
This is an example of a slide marquee...
</marquee>
</body>
</html>
Q 6 Explain with an example Heading Tag in detail
HTML Heading
A HTML heading or HTML h tag can be defined as a title or a subtitle which you want to display on the
webpage. When you place the text within the heading tags <h1>.........</h1>, it is displayed on the
browser in the bold format and size of the text depends on the number of heading.
There are six different HTML headings which are defined with the <h1> to <h6> tags, from highest level h1
(main heading) to the least level h6 (least important heading).
h1 is the largest heading tag and h6 is the smallest one. So h1 is used for most important heading and h6 is
used for least important.
Example
<html>
<body>
<h1>Heading no. 1</h1>
<h2>Heading no. 2</h2>
<h3>Heading no. 3</h3>
<h4>Heading no. 4</h4>
<h5>Heading no. 5</h5>
<h6>Heading no. 6</h6>
</body>
</html>
Q7 Explain Font tag with an example
HTML <font> tag is used to define the font style for the text contained within it. It defines the font size,
color, and face or the text in an HTML document.
HTML <font> tag is used to define the font style for the text contained within it. It defines the font size,
color, and face or the text in an HTML document.
The font tag is having three attributes called size, color, and face to customize your fonts. To change any
of the font attributes at any time within your webpage, simply use the <font> tag. The text that follows will
remain changed until you close with the </font> tag. You can change one or all of the font attributes within
one <font> tag. Set Font Size
You can set content font size using size attribute. The range of accepted values is from 1(smallest) to
7(largest). The default size of a font is 3.
Font Face
You can set font face using face attribute but be aware that if the user viewing the page doesn't have the
font installed, they will not be able to see it. Instead user will see the default font face applicable to the
user's computer
Font Color
You can set any font color you like using color attribute. You can specify the color that you want by either
the color name or hexadecimal code for that color
Example
Example
<!DOCTYPE html>
<html>
<head>
<title>Setting Font Size</title>
</head>
<body>
<font size = "1">Font size = "1"</font><br />
<font size = "2">Font size = "2"</font><br />
<font size = "3">Font size = "3"</font><br />
<font size = "4">Font size = "4"</font><br />
<font size = "5">Font size = "5"</font><br />
<font size = "6">Font size = "6"</font><br />
<font size = "7">Font size = "7"</font>
</body>
</html>

You might also like