Top Banner
HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value" HTML links are defined with the <a> tag. The link address is specified in the href attribute: <a href="http://www.yahoo.com">This is a link</a>
11

Html class2

Jan 15, 2015

Download

Education

The best way learn HTML very soon nd in easy manner....Hope it will be useful and helpful to you
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Html class2

HTML AttributesHTML elements can have attributes

Attributes provide additional information about an

element

Attributes are always specified in the start tag

Attributes come in name/value pairs

like: name="value"

HTML links are defined with the <a> tag. The link

address is specified in the href attribute:

<a href="http://www.yahoo.com">This is a link</a>

Page 2: Html class2

Links:There are 2 types of linking

Text linking Image linking

Text linking:$ Normal linking$ Web page$ Email$ Named anchor

Page 3: Html class2

Web page using text linking:

Page 4: Html class2

Attributes:Syntax:Href means hyper link reference fileFont size<a href="image insert.html"

style="color:yellow;text-decoration:none" title="click here">link images web page</a>

Page 5: Html class2

After applying attributes:

Page 6: Html class2

<a href="http://www.google.com" style="color:purple;text-decoration:none" title="goto web">connect to internet site</a><br>

<a href="mailto:[email protected]" style="color:maroon;text-decoration:none" title="open mail box">mail box</a>

Page 7: Html class2

Named anchor:

Page 8: Html class2

syntax

<a href=“#q1”>Q1</a>Question1:<a name=“q1”></a>Up , downIf we press them the page should be moved

to particular referenced position

Page 9: Html class2

Image linking:<a href="flower.jpg" title="click"><img src="flower.jpg" width="155" height="175" border=4 style="border-color:gold"</a>

Page 10: Html class2

After clicking that image

Page 11: Html class2

Some more:<a href="h1.html" title="click“><img src="ranbow.jpg" width="65" height="65" onmouseover="this.src='flor2.jpg'"onmouseout="this.src='ranbow.jpg'"></a>