HTML Tag
1) Teletype Element
The HTML Teletype Text Element (<tt>) produces an inline element displayed in the browser's default monotype font. This element was intended to style text as it would display on a fixed width display, 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>The tt element is not supported in HTML5.</p>
</Body>
</html>
Teletype Element output
This text is normal.
This text is teletype text.
Note: The tt element is not supported in HTML5.
2) Anchor links and Named Anchors
A link is specified using HTML tag <a>. This tag is called anchor tag and anything between the opening <a> tag and the closing </a> tag becomes 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>
Links - Color output
click following link
HTML tutorial
4) Image Tag
An image can be inserted into a web page using the tag <img>. The <img> tag is empty tag. This tag takes the name of the image file as an attribute.
The <img> tag is used to embed an image in an HTML page. Images are not technically inserted into a web page; images are linked to web pages. The <img> tag creates a holding space for the referenced image. The <img> tag has two required attributes: src - Specifies the path to the image.
Syntax
Attribute
Not supported in HTML5 Specifies the alignment of an image according to surrounding element.
2) Alt :- Text
Specifies an alternate text for an image.
3) border :- Pixels
Specifies the width of the border around an image.
4) height :- Pixels
Specifies the height of an image.
5) width :- Pixels
Specifies the width of an Image.
6) Src :- pixels
specifies the URL of an image.
Example
<! Doctype html>
<html>
<Body bgcolor="blue" text=yellow" link="red" >
<center><h1>photo Art Gallery </h1></center>
<img src="1.jpg" height="100" width="100" align ="left">
<img src="2.jpg" height="100" width="100"align="centre" alt ="middle image">
</body>
</html>
Image Tag output
5) paragraph Tag
The <p> tag defines a paragraph. Browsers automatically add some space (margin) before and after each <p> element. The margins can be modified with css
The Paragraph element. The <p> HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.
Attribute
1) Align :- Left, right, centre, justify
Specifies the alignment of the text with in paragraph
paragraph Tag
Example :-
<! Doctype html>
<html>
<body>
<P align =left> is a first paragraph.this is a first paragraph Paragraphs tags or <p> tags in HTML help us create paragraphs on a web page. On web browsers, paragraphs display as blocks of text separated from adjacent blocks by blank lines, white spaces, or first-line indentation</p>
<p align=right>Paragraphs tags or <p> tags in HTML help us create paragraphs on a web page. On web browsers, paragraphs display as blocks of text separated from adjacent blocks by blank lines, white spaces, or first-line indentation </p>
</body></html>
paragraph Tag
Output :-
No comments:
Post a Comment