Your SlideShare is downloading. ×
0
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Session 01 Final
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Session 01 Final

620

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
620
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Giới thiệu và siêu liên kết Chương 1
  • 2. Mục tiêu bài học  Khái quát về Internet  Khái quát về HTML  Viết một tài liệu HTML đơn giản  Sử dụng siêu liên kết trong tài liệu HTML  Sử dụng thẻ <META>  Sử dụng các ký tự đặc biệt trong tài liệu HTML Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 2 of 22
  • 3. World Wide Web  Internet là mạng máy tính lớn nhất trên thế giới  Internet được xem là mạng của các mạng  World Wide Web là một tập con của Internet  World Wide Web gồm các Web Servers có mặt khắp mọi nơi trên thế giới Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 3 of 22
  • 4. Giới thiệu HTML  HTML là một ngôn ngữ đánh dấu  Sử dụng các thẻ và các phần tử HTML, ta có thể :  Điều khiển hình thức và nội dung của trang  Xuất bản các tài liệu trực tuyến và truy xuất thông tin trực tuyến bằng cách chèn các liên kết vào tài liệu HTML  Tạo các biểu mẫu trực tuyến để thu thập thông tin về người dùng, quản lý các giao dịch ..... Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 4 of 22
  • 5. Cú pháp HTML <HTML> <HEAD> <TITLE>Welcome to HTML</TITLE> <HEAD> <BODY> <H3>My first HTML document</H3> </BODY> </HTML> Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 5 of 22
  • 6. Hiển thị trang Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 6 of 22
  • 7. Trình duyệt và trình soạn thảo  Trình duyệt  Netscape's Navigator  Microsoft's Internet Explorer  Trình soạn thảo  Microsoft FrontPage  Notepad Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 7 of 22
  • 8. Các thẻ HTML  Thẻ HTML được sử dụng để đánh dấu sự bắt đầu và kết thúc của tài liệu HTML <HTML> . . . </HTML>  Một thẻ HTML bao gồm : <ELEMENT ATTRIBUTE = value>  Element – Nhận dạng thẻ  Attribute – Mô tả thẻ  Value – Giá trị được thiết lập cho thuộc tính Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 8 of 22
  • 9. Cấu trúc của một tài liệu HTML Phần HTML Phần tiêu đề Phần thân <HTML> <HEAD> <TITLE>Welcome to the world of HTML</TITLE> </HEAD> <BODY> <P>This is going to be real fun</P> </BODY> </HTML> Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 9 of 22
  • 10. Đoạn <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> Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 10 of 22
  • 11. Thẻ 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> Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 11 of 22
  • 12. Canh lề cho văn bản Giá Mô tả trị Left Văn bản được canh lề trái Center Văn bản được canh giữa Right Văn bản được canh phải Justify Văn bản được canh đều hai bên Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 12 of 22
  • 13. Sử dụng các ký tự đặc biệt  Lớn hơn (>)  &gt;  Nhỏ hơn (<)  &lt;  Trích dẫn (“ “)  &quot;  Ký tự & (&)  &amp; Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 13 of 22
  • 14. Siêu liên kết Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 14 of 22
  • 15. Giới thiệu siêu liên kết  Các dạng liên kết  Liên kết trong là liên kết đến các phần trong cùng tài liệu hoặc cùng một web site  Liên kết ngoài là liên kết đến các trang trên các web site khác hoặc máy chủ khác. Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 15 of 22
  • 16. Liên kết trong và liên kết ngoài ----- -- ----- ----- -- -- ----- ----- -- -- ----- ----- ----- -- -- -- ----- ----- -- -- Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 16 of 22
  • 17. Tạo siêu liên kết  Để tạo siêu liên kết, chúng ta cần phải xác định hai thành phần :  Địa chỉ đầy đủ hoặc URL của file được kết nối  Điểm nóng cung cấp cho liên kết. Điểm nóng này có thể là một dòng văn bản hoặc thậm chí là một ảnh.  Các kiểu URL  URL tuyệt đối  URL tương đối Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 17 of 22
  • 18. HREF  Cú pháp của HREF là : <A HREF = protocol://host.domain:port/path/filename> Hypertext </A>  Protocol xác định loại giao thức  Host.domain là địa chỉ Internet của máy chủ  Port là cổng phục vụ của máy chủ đích  HyperText là văn bản hay hình ảnh mà user cần nhấp vào để kích hoạt liên kết Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 18 of 22
  • 19. Liên kết  Liên kết đến tài liệu khác  Đường dẫn tuyệt đối  Đường dẫn tương đối  Liên kết đến các phần trong cùng một tài liệu  Liên kết đến một điểm xác định ở một tài liệu khác  Sử dụng e-mail Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 19 of 22
  • 20. Điều hướng quanh Web Site  Trình bày tuyến tính  Trình bày theo phân cấp  Bản đồ ảnh  Siêu liên kết  Các trang con  Bảng mục lục  Nút Back and Forward Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 20 of 22
  • 21. Trình bày tuyến tính  Theo cấu trúc tuyến tính  Một chuỗi liên kết liên tục giữa các trang ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ------ ------ ------ ------ Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 21 of 22
  • 22. Trình bày theo phân cấp  Trang chủ liên kết với nhiều trang khác  Mỗi trang đều có liên kết về trang chủ. --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- --------- Web Page Programming with HTML,DHTML & JavaScript/Session 1/ 22 of 22

×