Note :
Dear Student .
Complete the following web pages related to Chapter-3
1. Create a web page listing a small description about your school, your
principal and teachers, sports and other activities in your school and some
other importabt aspects of your school. Use formatting tags as required.
2. Create a web page on : Swachh Bharat mission” bi using different formatting
tags of HTML. To get information about mission you can visit website
[Link] .
Note :
Write the following notes of Chapter -4-part-1 in your assignment file .
The related Vedio lecture will be uploaded later on .
CHAPTER -4 ADVANCED HTML-I
To make the any web page interactive and attractive we can insert images , video , audio , text ,
animation , graphics .
1. We can link two web pages with each other with the help of hyperlink and hypertext.
2. We can insert table also .
3. We can make the web pages colorful using various tags and attributes.
Sources of images are
a. Via Internet using [Link].
b. Clip art.
c. Scanned Pictures.
d. Self created images using software such as photoshop , corel .
Formats of image file .
1. .GIF ( Graphical Interchange format)
2. .BMP (Bitmap images)
3. .JPEG or .JPG (Joint Photographic Experts)
4. .TIFF (Tagged image file format)
5. PNG (Portable Network Graphics)
By Two Ways image Can Be inserted .
1. Background image insertion .
2. Fore ground image insertion .
QN : How to add Background image to any WEB PAGE ?
AN : BACKGROUND attribute is used to display image background to a web page ,
BACKGROUD is a supporting attribute of body tag.
SYNTAX : <body background=”location of the file name with .jpg extension”>
Example : <body background=”d:\[Link]”>
QN : How to add foreground image to a WEB PAGE ?
AN : <IMG> tag is used to set an image in the foreground on a web page .
Supporting Attributes are :
1. SRC
2. Width
3. Height
4. Border
5. Alt
SYNTAX : <img src=”path of the images file name>
1. EXAMPLE : <img src=”d:\[Link]”>
2. <img src=”d:\[Link]” height=200 width=200 border=10>
QN. What is the use of ALT attribute regarding image tag.
AN : The required alt attribute specifies an alternate text for an image, if the image cannot be
displayed. 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).
Syntax :
<img src=”path of the images file name height=100 width=100 alt=”alternate test string “>
UNDERSTANDING HYPERLINK
With HTML, easily add hyperlinks to any HTML page. Link team page, about page, or
even a test by creating it a hyperlink. You can also create a hyperlink for an external website. To
make a hyperlink in an HTML page, use the <a> and </a> tags, which are the tags used to define
the links.
The <a> tag indicates where the hyperlink starts and the </a> tag indicates where it ends.
Whatever text gets added inside these tags, will work as a hyperlink. Add the URL for the link in
the <a href=” ”>. Just keep in mind that you should use the <a>…</a> tags inside
<body>…</body> tags.
Types of Hyperlinks Three types of hyperlinks.
1. Internal links : Internal links are the links between different elements within the same
websites.
2. Local links : Local links are the links with other Web pages on the same Web Server.
3. External Links : are the links to other web pages anywhere on the WWW.
QN : What is Anchor Tag ?
AN : The hypertext reference, or href , attribute is used to specify a target or destination for the
anchor element. It is most commonly used to define a URL where the anchor element should link
to. In this example, the <a href="[Link] text</a> . it is a type of container
tag having opening and closing .
Syntax : <a> ……… </a> two important attributes.
1. The name attribute used to create an anchor point in the HTML document.
2. The href attribute used to create reference point or hyperlink .
INTERNAL LINK using name attribute :
Internal links : Internal links are the links between different elements within the same websites
Syntax :
<a name=”Anchor name”> </a> ---- Marks the section or part part to be linked
<a href”#Anchor name”>click to go to the name point</a>
Note : Student if you have computer device in your home plz type the ACTIVITY to create a
internal link within the page . page no. 82
1. LOCAL LINK : Local links are the links with other Web pages on the same Web Server.
Linking two different web pages with the help of hypertext and hype link.
Qn. What is HREF ?
Qn. Hypertext REFerence) The HTML code used to create a link to another page. The HREF
is an attribute of the anchor tag, which is also used to identify sections within a document.
Syntax : <a href=”path of the .html extension file name”> click here for next page</a>
Eg : <a href=”e:\htmlpages\[Link]”> click here for nest page </a>
How to link WEB PAGES of different WebSites
Use can link facebook , google , any web site form any current page. It comes under external
link .
SYNTAX : <a href=”complete URL of the web page or website”> LINK TEXT </a>
EXAMPLE : <a href=”[Link] GOOGLE. COM</a>
Creating Hyperlinks to an E-mail Box ( Mailto link)
QN. What is mailto ? Explain with syntax and example .
AN . mailto is a Uniform Resource Identifier (URI) scheme for email addresses. It is used to
produce hyperlinks on websites that allow users to send an email to a specific address directly
from an HTML document, without having to copy it and entering it into an email client.
Mailto link is a type of HTML link that activates the default mail client on the computer for
sending an e-mail. The web browser requires a default e-mail client software installed on his
computer in order to activate the e-mail client.
Mailto is a link so you need to use the <a> tag with its common attribute – ahref. A very basic
example code that sends an email after clicking/tapping on a link looks like this:
Syntax : <a href=[Link] address”> text of email link <//a>
Example : <a href=”[Link] to kishiwisdom</a>
Mail can be send directly from web page.
CREATING TABLE IN A WEB PAGE :
Qn. What is Table regarding html ?
An. Tables are used on a web page to organize data in the form of horizontal rows
and vertical column. Table is Rectangular in shape.
Each table is made up of a fixed number of rows and column . the rectangular
area formed at the intersection of a row and a column is called as cell
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.
Syntax : <table>…………………</table>
To be continued ………
Note :
Dear Student I have created a new Google Class Room (COMPUTER APPLICATION
CLASS X). only for computer class plz accept the invitation through E-Mail . My id is
kushiwisdom@[Link] .