Exercise:
To write the basic html program using bold,italic,and some elements.
Try yourself......
To write the basic html program using bold,italic,and some elements.
Try yourself......
11.11.17
20.10.17
Targets Within the Same Document
Sometimes we need t open the webpage which is a part of some web document then there must be some way to specify it.we can mention the target element by including the id attribute which can be used to identify it in an href attribute.
XHTML Document[hyperLinkDemo1.html]
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>Use of Hyperlink on the web page</title>
</head>
<body>
<h2 id="book"></h2>
<a href="#book">click here to get a book on engineering</a>
</body>
</html>
TXT ALIGN
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>Image along with text</title>
</head
<body>
<img src="cutecat.jpg"align="right">
<h3>
It has a good surface finish, high corrosion resistance, is readily suited to welding and can be easily anodised. Most commonly available as T6 temper, in the T4 condition it has good formability.
</h3>
<i>Nilgiri hill</i>
</body>
</html>
<head>
<title>Image along with text</title>
</head
<body>
<img src="cutecat.jpg"align="right">
<h3>
It has a good surface finish, high corrosion resistance, is readily suited to welding and can be easily anodised. Most commonly available as T6 temper, in the T4 condition it has good formability.
</h3>
<i>Nilgiri hill</i>
</body>
</html>
19.10.17
USE OF IMAGE AS A LINK
Similar to a text we can set an image itself as a link.
For Example:Develop a HTML page to use image as a link to another page.
STEP1:Write the XHTML document containing an hyperlink to an image.when we click on the image the html page referred by the <a href>tag must get opened.
XHTML DOCUMENT[Imglink.html]
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>Image Demo</title>
</head>
<body>
<h2>INDIAN HERITAGE</h1>
</p>
<a href="flower.html"target="blank">
<img src="flower.jpg"alt="flower!!"/>
</a>
<br/>Flower Design
<br/>
</body>
</html>
STEP2:Write the XHTML document(flower.html)mentioned by the <a href> tag in step1 as follows.
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>Image Demo</title>
</head>
<body>
<h2>INDIAN HERITAGE</h1>
<p>
Flowers make a magic world
</br>
Flowers is an</strong>very beautiful</strong>like rose<strong>lilly</strong>
<br/>
It is considered as an example of flower
</p><br/>
</body>
</html>
For Example:Develop a HTML page to use image as a link to another page.
STEP1:Write the XHTML document containing an hyperlink to an image.when we click on the image the html page referred by the <a href>tag must get opened.
XHTML DOCUMENT[Imglink.html]
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>Image Demo</title>
</head>
<body>
<h2>INDIAN HERITAGE</h1>
</p>
<a href="flower.html"target="blank">
<img src="flower.jpg"alt="flower!!"/>
</a>
<br/>Flower Design
<br/>
</body>
</html>
STEP2:Write the XHTML document(flower.html)mentioned by the <a href> tag in step1 as follows.
XHTML DOCUMENT[Flower.html]
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>Image Demo</title>
</head>
<body>
<h2>INDIAN HERITAGE</h1>
<p>
Flowers make a magic world
</br>
Flowers is an</strong>very beautiful</strong>like rose<strong>lilly</strong>
<br/>
It is considered as an example of flower
</p><br/>
</body>
</html>
STEPS FOR HYPERLINK
STEP1:The begining of web link can be specified by the tag
<a href=" ".Inside the double quotes mention the URL of desired link.
STEP2:Write some text that should act as a hyperlink.
STEP3:End the web link </a>
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>USE OF HYPERLINK ON THE WEBPAGE</title>
</head>
<body>
click here
<a href="http://www.learnhtmeasyl.blogspot.com">html</a>on computer
</body>
</html>
<a href=" ".Inside the double quotes mention the URL of desired link.
STEP2:Write some text that should act as a hyperlink.
STEP3:End the web link </a>
XHTML DOCUMENT[HyperlinkDemo.html]
<html xmlns="http://www.learnhtmeasyl.blogspot.com/2017/xhtml">
<head>
<title>USE OF HYPERLINK ON THE WEBPAGE</title>
</head>
<body>
click here
<a href="http://www.learnhtmeasyl.blogspot.com">html</a>on computer
</body>
</html>
Hyperlink
There is some common practice to specify the weblink in the web page.use of hyperlink in the web pagr allows that page to link logically with other page. We can use hyperlinks by using a tag <a> and by specifying the URL for href.The value assigned to href specifies the target of the link.The <a> means begining of the web link and </a>means end of the web link.
18.10.17
Special Characters
In HTML
certain symbols are treated as special.For example -<i.e.less than symbol is
considered as special symbol because it is used as the beginning of the
tag.Hence we can not directly use certain symbols such as <,>,”and so on.To
print these symbols we what is called as reference.This reference always begins
with ampersand(&)sign.Such reference is called as entity reference.
Character Meaning Entity Reference
< less than <
> greater
than >
& ampersand &
" double quote "
' apostrophes '
Another type of entity reference that is used frequently is &nbps;that is non breaking space character.This entity reference is useful for defining the space between two string and informing browser for not forming the word wrapper between the strings.
Subscribe to:
Comments (Atom)