22
Gii thiu v siêu liên kt Chương 1

Session 01 Final

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Session 01 Final

Giơi thiêu va siêu liên kêt

Chương 1

Page 2: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 2 of 22

Muc tiêu bai hoc Khai quat vê Internet Khai quat vê HTML Viêt môt tai liêu HTML đơn gian Sư dung siêu liên kêt trong tai liêu

HTML Sư dung the <META> Sư dung cac ky tư đăc biêt trong tai

liêu HTML

Page 3: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 3 of 22

World Wide Web Internet la mang may tinh lơn nhât

trên thê giơi Internet đươc xem la mang cua cac

mang World Wide Web la môt tâp con cua

Internet World Wide Web gôm cac Web Servers

co măt khăp moi nơi trên thê giơi

Page 4: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 4 of 22

Giơi thiêu HTML HTML la môt ngôn ngư đanh dâu Sư dung cac the va cac phân tư HTML, ta co

thê : Điêu khiên hinh thưc va nôi dung cua

trang Xuât ban cac tai liêu trưc tuyên va truy

xuât thông tin trưc tuyên băng cach chen cac liên kêt vao tai liêu HTML

Tao cac biêu mâu trưc tuyên đê thu thâp thông tin vê ngươi dung, quan ly cac giao dich .....

Page 5: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 5 of 22

Cu phap HTML<HTML>

<HEAD>

<TITLE>Welcome to HTML</TITLE>

<HEAD>

<BODY>

<H3>My first HTML document</H3>

</BODY>

</HTML>

Page 6: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 6 of 22

Hiên thi trang

Page 7: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 7 of 22

Trinh duyêt va trinh soan thao

Trinh duyêt Netscape's Navigator Microsoft's Internet

Explorer Trinh soan thao

Microsoft FrontPage Notepad

Page 8: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 8 of 22

Cac the HTML The HTML đươc sư dung đê đanh dâu sư

băt đâu va kêt thuc cua tai liêu HTML<HTML> . . . </HTML>

Môt the HTML bao gôm :<ELEMENT ATTRIBUTE = value>

Element – Nhân dang the Attribute – Mô ta the Value – Gia tri đươc thiêt lâp cho thuôc tinh

Page 9: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 9 of 22

Câu truc cua môt tai liêu HTML

<HTML><HEAD>

<TITLE>Welcome to the world of HTML</TITLE></HEAD><BODY>

<P>This is going to be real fun</P></BODY>

</HTML>

Phân HTMLPhân tiêu đêPhân thân

Page 10: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 10 of 22

Đoan <HTML>

<HEAD><TITLE>Welcome to HTML</TITLE>

</HEAD><BODY BGCOLOR = lavender>

<P>This is going to be real fun<P> Another paragraph element

</BODY></HTML>

Page 11: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 11 of 22

The ngăt <HTML>

<HEAD><TITLE>Welcome to HTML</TITLE>

</HEAD><BODY BGCOLOR = lavender>

<P>This is going to be real fun<BR><P> Another paragraph element

</BODY></HTML>

Page 12: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 12 of 22

Canh lê cho văn banGia tri Mô ta

Left Văn ban đươc canh lê trai

Center

Văn ban đươc canh giưa

Right Văn ban đươc canh phai

Justify

Văn ban đươc canh đêu hai bên

Page 13: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 13 of 22

Sư dung cac ky tư đăc biêt Lơn hơn (>)

&gt; Nho hơn (<)

&lt; Trich dân (“ “)

&quot; Ky tư & (&)

&amp;

Page 14: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 14 of 22

Siêu liên kêt

Page 15: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 15 of 22

Giơi thiêu siêu liên kêt Cac dang liên kêt

Liên kêt trong la liên kêt đên cac phân trong cung tai liêu hoăc cung môt web site

Liên kêt ngoai la liên kêt đên cac trang trên cac web site khac hoăc may chu khac.

Page 16: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 16 of 22

Liên kêt trong va liên kêt ngoai

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

- - - - - - -

Page 17: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 17 of 22

Tao siêu liên kêt Đê tao siêu liên kêt, chung ta cân phai xac

đinh hai thanh phân : Đia chi đây đu hoăc URL cua file đươc kêt nôi Điêm nong cung câp cho liên kêt. Điêm nong nay co

thê la môt dong văn ban hoăc thâm chi la môt anh. Cac kiêu URL

URL tuyêt đôi URL tương đôi

Page 18: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 18 of 22

HREF Cu phap cua HREF la :

<A HREF = protocol://host.domain:port/path/filename> Hypertext </A>

Protocol xac đinh loai giao thưc Host.domain la đia chi Internet cua may

chu Port la công phuc vu cua may chu đich HyperText la văn ban hay hinh anh ma

user cân nhâp vao đê kich hoat liên kêt

Page 19: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 19 of 22

Liên kêt Liên kêt đên tai liêu khac

Đương dân tuyêt đôi Đương dân tương đôi

Liên kêt đên cac phân trong cung môt tai liêu

Liên kêt đên môt điêm xac đinh ơ môt tai liêu khac

Sư dung e-mail

Page 20: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 20 of 22

Điêu hương quanh Web Site Trinh bay tuyên tinh Trinh bay theo phân câp Ban đô anh Siêu liên kêt Cac trang con Bang muc luc Nut Back and Forward

Page 21: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 21 of 22

Trinh bay tuyên tinh

- - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - -

Theo câu truc tuyên tinh Môt chuôi liên kêt liên tuc giưa cac

trang

Page 22: Session 01 Final

Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 22 of 22

Trinh bay theo phân câp Trang chu liên kêt vơi nhiêu trang khac Môi trang đêu co liên kêt vê trang chu.

- - - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - - -