html lab4 ins.samia alblwi. o utline : 1-links 2-frame

17
HTML Lab4 Ins.Samia alblwi

Upload: augusta-dean

Post on 18-Jan-2018

228 views

Category:

Documents


0 download

DESCRIPTION

HTML H YPERLINKS (L INKS ) 1-A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document. 2-Links are specified in HTML using the tag. 3-The tag can be used in two ways: A-To create a link to another document, by using the href attribute B-To create a bookmark inside a document, by using the name attribute

TRANSCRIPT

Page 1: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

HTMLLab4Ins.Samia alblwi

Page 2: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

OUTLINE:1-Links

2-Frame

Page 3: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

HTML HYPERLINKS (LINKS)

1-A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

2-Links are specified in HTML using the <a> tag.

3-The <a> tag can be used in two ways:A-To create a link to another document, by using the href attributeB-To create a bookmark inside a document, by using the name attribute

Page 4: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

HTML HYPERLINKS (LINKS)

HTML Link Syntax

<a href="url">Link text</a>

The href attribute specifies the destination of a link.

Page 5: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

Local file:

Note:if the links refer to page inside subfolder at current folder<a herf=“subfolder/page.html”> text</a>

Page 6: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

LINK INSIDE DOCUMENTA named anchor inside an HTML document:

Create a link to the "Useful Tips Section" inside the same document:

<a name="tips">Useful Tips Section</a >

<a href="#tips">Visit the Useful Tips Section</a >

Page 7: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame
Page 8: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame
Page 9: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame
Page 10: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

HTML LINKS - THE TARGET ATTRIBUTE

The target attribute specifies where to open the linked document.

The example below will open the linked document in a new browser window or a new tab:

<A HREF="lab2.html" target="_blank">lab2 </A>

Page 11: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

LINKS COLOR1-LINK

2-ALINK3-VLINK

Page 12: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

MAILTO

Page 13: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

FRAMESWith frames, you can display more than one HTML document in the same browser window .

Each HTML document is called a frame, and each frame is independent of the others.

Page 14: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

<FRAMESET>

1-The <frameset> tag defines how to divide the window into frames

2-Each frameset defines a set of rows or columns

3-The <frame> tag defines what HTML document to put into each frameImportant: You cannot use the <body></body> tags together with the <frameset></frameset> tags!

Page 15: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

Note: The frameset column size value can also be set in pixels (cols="200,500"), and one of the columns can be set to use the remaining

space (cols="25%,*").

Page 16: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame
Page 17: HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame

EXERCISE