html class2

11
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>

Upload: harisha-chigurupati

Post on 15-Jan-2015

169 views

Category:

Education


1 download

DESCRIPTION

The best way learn HTML very soon nd in easy manner....Hope it will be useful and helpful to you

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>