HTML Tag
The HTML Teletype element Text Element (<tt>) produces an inline element displayed in the browser default monotype font. This element is the intended style text as would display on fixed width such as a teletype. It probably is more common to display fixed width type using the <code> element. This element is obsolete. Use a more appropriate element, such as<code> or <span> with CSS, instead.
Example
<!DOCTYPE html>
<html>
<body>
<p>This text is normal.</p>
<p><tt>This text is teletype text. </tt></p>
<P><strong>Note : </strong>webdesigningtheory.blogspot.com.</p>
</Body>
</html>
Teletype Element output
This text is normal.
This text is teletype text.
Note:webdesigningtheory.blogspot.com
2) Anchor links and Named Anchors
A link is specified using HTML tag <a>. This tag called anchor tag and anything between opening <a> tag and closing </a> tag is the part of the link and a user can click that part to reach to the linked document.
Example
<!document html>
<html>
<head>
<title>Google</title>
</head>
<body>
<h1>Anchor Tags </h1>
<a href="http://google.com>Google Website</a>
</Body>
</html>
Anchor links and Named Anchors output
Anchors Tags
Google Website
2) Example
<!DOCTYPE html>
<html>
<body>
<H1>Hyperlink</h1>
<a href="www.faceboo.com" target="_blank">Visit Facebook</a> | <a href="www.twitter.com" target="_blank">Visit Twitter</a> | <a href="www.yahoo.com" target="_blank">Visit Yahoo</a>
</body>
</html>
Anchor links and Named Anchors output
Hyperlink
Visit Facebook |visit Twitter |visit Yahoo
3) Links - Color
You can set colors of your links, active links and visited links using link, alink and Vlink attributes of <body> tag.
When you move the mouse over a link, two things
1) The mouse arrow will turn into a little hand .
2) The color of the link element will change.
By default, a link will appear link
1) An unvisited link is underlined and blue.
2) An visited is underlined and. Purple.
3) An active link is underlined and red.
Example
<! Doctype html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<P>click following link </p>
<a href = "www.google.com" target ="_blank">HTML tutorial</a>
</body>
</html>
No comments:
Post a Comment