Session02 lab HTML Lập Trình Web Tĩnh

Lập trình web tĩnh Html dành cho người mới bắt đầu học lập trình web Mình khuyên các bạn nên học đầy đủ từ bài số 1 trở đi Và kết hợp với video khi sử dụng slide nhưng do video mình chưa có thời gia up lên khi nào có mình sẽ cho link lên mục này

Chương Giới thiệu siêu liên kết Mục tiêu học: Kết thúc phần này, bạn có thể:  Viết tài liệu HTML đơn giản  Sử dụng siêu liên kết (Hyperlinks)  Sử dụng thẻ  Sử dụng ký tự đặc biệt HTML hững b c đ r tr ng ch ơng đ đ c chi tiết h t ng uát c n phải thực the tr nh tự b c t cách c n th n Việc đ c thực đ r n luyện ục tiêu đ đ c h c hi u t cách h àn ch nh c ng cụ Thực b c s u đ y t cách c n th n the tr nh tự s u : T th tr ng th ục HTML- HTML- S-E ục ( ếu kh ng c đ h y ch ơng tr nh đ n ch ples tr ng đ : l u t t ile ht l ch h y t tr ng đ :\) tep d b ng cách k ch n t St rt ch n Access ries dụ ile ch n S e As L u ile i đu i ht l tr ng th ục : HTML- HTML- S-E dụ l b (L b đ biết đ y dụ tr ng L b ples h n tên th ch h p H ặc L u n tr ng th ục đ ng nh p c nh h y Internet Explorer ch Examples ile pen ch n r se ch n ile t th ục :\HTML-DHTML-JS- Phần I: (1.5 giờ) Ví dụ 1: Đoạn mã HTML minh họa thẻ kết nối First Linked Document TO OPEN THE NEW DOCUMENT CLICK HERE { PAGE } h ý : Tr c ch y đ n th ile TEST HTML phải tồn t i i dung c n nh s u : (M t ile tep d i g n i dung l u i tên ile TEST HTML tr ng th ục c ile nguồn A sample HTML Document This is a sample html document pháp : CLICK HERE t LI TEST.HTML ết uả c HERE nh t liên kết k ch liên kết n đ dụ nh h nh 2.1 Hình 2.1a : Kết ví dụ (trước kích vào liên kết) { PAGE } b n đến trang Hình 2.1 b : Kết ví dụ 1(sau kích vào liên kết) Ví dụ : Cuộn đến vị trí tài liệu Tr ng đ n     đ định sẵn bốn ne nch r đ c định ngh nh s u : Overview Benefits Features Technical Specifications Linking in the Same Document HUBS DETAILS Overview Hyperlinks to the named Benefits anchors in the same page Features Technical Specifications Overview BayStack SNMP, Advanced, and SA 10Base-T Stackable Hubs from Bay Networks offer simple, scable solutions for supporting small and growing Ethernet networks Anchor Name Benefits Scalable from 12 to 260 Nodes Baystack 10BASE-T Hubs deliver a simple and cost-effective method for starting and growing Ethernet networks Features { PAGE } The BayStack 10BASE-T Hubs deliver simple, scalable, plug-and play solutions for small and growing Ethernet net-work environments Technical Specifications Technical Specifications for the BayStack 10BASE-T Hubs are shown in Table ết uả c v dụ hi n thị nh h nh H nh Hình 2.2 b : { PAGE } : ết uả c ụ Kết ví dụ sau kích vào Overview Hình 2.2 c : Hình 2.2 d : Kết ví dụ sau kích vào Benefits Kết ví dụ sau kích vào Features { PAGE } Hình 2.2 e : Kết Ví dụ sau kích vào Technical Specifications Ví dụ : Dùng ký tự đặc biệt tài liệu HTML Learning HTML If A > B Then A = A - If A < B Then A = A + The above statements used special characters Hình 2.3 : Kết ví dụ { PAGE } Ví dụ : Dùng phần tử Using META Element This page is refreshed after every seconds Hình 2.4 : Kết ví dụ hi tr ng (V dụ hi n thị tr nh duyệt ch ý th nh tr ng thái Tr ng t l i (n p l i s u ỗi h i gi y h ý : ếu c thời gi n thử l i eb dụ tr ng ph n lý thuyết ch ơng { PAGE } Phần II: (0.5 giờ) Viết t tr ng eb tả gi đ nh t nu i c b n ch liên kết M tả gi đ nh n đ b n đến ph n tả gi đ nh hi k ch liên kết M tả t nu i n đ b n đến ph n tả t nu i c b n Gợi ý : Sử dụng ne nch r ph n tử đ n Viết c u lệnh HTML đ hi n thị dòng sau tr ng t tr ng eb For more information, please send an e-mail to me, "mailto:Garywilson@MyCompany.com" } Gợi ý : Đặt c u lệnh sau tr ng ph n < Y> c ile HTML Garywilson@MyCompany.com { PAGE } { HYPERLINK Tự thực hành Viết đ n Viết HTML trỏ đến đ n tb ll tr ng tr ng My ile ht l t tr ng irst ht l t tài liệu HTML đ giải th ch cách dùng ký tự đặc biệt { PAGE } This page is intentionally left blank { PAGE }