Bài giảng HTML ngôn ngữ đánh dấu siêu văn bản Trịnh Công Duy Chia sẻ: rklonely | Ngày: 05082014 Cùng nắm kiến thức trong bài giảng HTML ngôn ngữ đánh dấu siêu văn bản thông qua việc tìm hiểu các nội dúng sau: các thẻ định cấu trúc tài liệu, các thẻ định dạng văn bản, các thẻ định dạng danh sách, liên kết siêu văn bản, chèn các thẻ âm thanh, hình ảnh.
HTML HTML Ngôn ngữ đánh dấu Ngôn ngữ đánh dấu siêu văn bản siêu văn bản TRỊNH CÔNG DUY TRỊNH CÔNG DUY Website: http://ITF.UD.EDU.VN Website: http://ITF.UD.EDU.VN Khái quát Khái quát - Tạo lập trang Web là một vấn đề đơn giản, chỉ cần đánh văn bản vào rồi chèn thêm các ký hiệu đánh dấu, gọi là thẻ có dạng như sau: <TAG>văn bản chịu tác động</TAG> - Tập tin HTML luôn bắt đầu bằng thẻ <HTML> và kết thúc bằng </HTML> - Các file web tỉnh luôn có phần mở rộng là *.htm hay *.html nhằm báo cho trình duyệt biết mà thực thi. - Các file web tỉnh không cần Server khi chạy, chỉ cần nhấn đôi vào là đã có thể thực thi. Tổng quan trang web Html Tổng quan trang web Html - Các trang Web khác nhau, tẻ nhạt hay sinh động, vô nghĩa hoặc rất cần thiết, nhưng tất cả đều có cùng một cấu trúc cơ sở, nên đa số các trình duyệt đang chạy trên hầu hết các kiểu máy tính đều có thể hiển thị thành công hầu hết các trang Web . Cấu trúc căn bản của trang web Cấu trúc căn bản của trang web <HTML> <HEAD> <TITLE>Tiêu đề </TITLE> </HEAD> <BODY tham s >ố N i dung c a trang Webộ ủ </BODY> </HTML> I Các thẻ định cấu trúc tài liệu Cặp thẻ này đợc sử dụng để xác nhận một tài liệu là tài liệu HTML, tức là nó có sử dụng các thẻ HTML để trình bày. Toàn bộ nội dung của tài liệu đợc đặt giữa cặp thẻ này. Cú pháp: Trình duyệt sẽ xem các tài liệu không sử dụng thẻ nh những tệp tin văn bản bình thờng. <HTML> N i dung </HTML> Thẻ đợc dùng để xác định phần mở đầu cho tài liệu Cú pháp: Cặp thẻ này chỉ có thể sử dụng trong phần mở đầu của tài liệu, tức là nó phải nằm trong thẻ phạm vi giới hạn bởi cặp thẻ <>. Cú pháp: <TITLE>Tiờu </ TITLE> <HEAD> Ph n u </HEAD> Thẻ này đợc sử dụng để xác định phần nội dung chính của tài liệu - phần thân (body) của tài liệu. Trong phần thân có thể chứa các thông tin định dạng nhất định để đặt ảnh nền cho tài liệu, màu nền, màu văn bản siêu liên kết, đặt lề cho trang tài liệu Những thông tin này đợc đặt ở phần tham số của thẻ. Cú pháp: <> phần nội dung của tài liệu đợc đặt ở đây </> !"#!$%&''''(') HTML hç trî 6 møc ®Ò môc <> <'> ®Þnh d¹ng ®Ò môc cÊp 1 <> <'> ®Þnh d¹ng ®Ò môc cÊp 2 <> <'> ®Þnh d¹ng ®Ò môc cÊp 3 <> <'> ®Þnh d¹ng ®Ò môc cÊp 4 <(> <'(> ®Þnh d¹ng ®Ò môc cÊp 5 <)> <')> ®Þnh d¹ng ®Ò môc cÊp 6 !"#!$*+!$",!$ Khi gặp thẻ này văn bản tự xuống dòng -. V i th n y v n b n s k t thúc một đoạn và xuống hàng (Khoảng cách của văn bàn mới và văn bản cũ lớn hơn bình thờng) /. V i th n y v n b n s xuống hàng giống nh ta gõ Enter Ví dụ Cng ho xó hi ch ngha Vit nam<BR> c lp - T do - Hnh phỳc<P>n xin vic Kt qu Cng ho xó hi ch ngha Vit nam c lp - T do - Hnh phỳc n xin vic [...]... cách - Nguyên tắc là các thành phần bên trái dấu ngăn cách của URL hiện tại được giữ nguyên, các thành phần bên phải được thay thế bằng thành phần URL tương đối b Cách tạo liên kết siêu văn bản trong HTML Để tạo ra một siêu văn bản chúng ta sử dụng thẻ Cú pháp: siêu văn bản Vớ d: nhan vao... Yu t 1 Yu t 2 Yu t 3 Kt qu ã Yu t 1 ã Yu t 2 ã Yu t 3 IV Liên kết siêu văn bản Văn bản siêu liên kết hay còn gọi là siêu văn bản là một từ, một cụm từ hay một câu trên trang Web được dùng để liên kết tới một trang Web khác Cổng Dịch vụ Tên file http://selab.vnuh.edu.vn:8080 /~dir1/dir2/dir3/index .HTML# chapter001 Tên hệ thống Đường dẫn Các tham số, biến, a Địa chỉ tương đối - URL được... thẻ định dạng văn bản 2.3 Định dạng ký tự: Sau đây là các thẻ được sử dụng để quy định các thuộc tính như in nghiêng, in đậm, gạch chân cho các ký tự, văn bản khi được thể hiện trên trình duy t In đậm In nghiêng In gạch chân Chỉ số trên (SuperScript) Chỉ số dưới (SubScript) 2.3 Chọn kiểu chữ cho văn bản Cú pháp:... COLOR=#FF0000"> Kt qu II Các thẻ định dạng văn bản 2.1 Thẻ Cho phép định dạng văn bản bằng các cấu trúc của chúng Cú pháp: Các giá trị cho tham số ALIGN: RIGHT JUSTIFY LEFT CENTER 2.2 Sử dụng màu sắc trong thiết kế Web Một màu được tổng hợp từ ba thành phần màu chính, đó là: Đỏ (Red), Xanh lá cây (Green), Xanh nước biển (Blue) Trong HTML một giá trị màu là một số... #RRGGBB trong đó: RR - là giá trị màu Đỏ GG - là giá trị màu Xanh lá cây BB - là giá trị màu Xanh nước biển Màu sắc có thể được xác định qua thuộc tính bgcolor= hay color= Sau dấu bằng có thể là giá trị RGB hay tên tiếng Anh của màu Bảng màu Màu sắc DDỏ DDỏ sẫm Xanh lá cây Xanh nhạt Xanh nước biển Vàng Vàng nhạt Trắng DDen Xám Nâu Tím Tím nhạt Hồng Da cam Màu đồng phục hai quân Giá trị #FF0000 #8B0000... năng thư điện tử của trình duy t Vớ d: Trang WEB này được WEBMASTER bảo trì IV Chèn các thẻ âm thanh, hình ảnh 5.1 Giới thiệu Liên kết với file đa phương tiện cũng tương tự như liên kết bình thường Tuy vậy phải đặt tên đúng cho file đa phương tiện Phần mở rộng của file phải cho biết kiểu của file 5.2 Đưa âm thanh vào một tài liệu HTML Cú pháp: . HTML HTML Ngôn ngữ đánh dấu Ngôn ngữ đánh dấu siêu văn bản siêu văn bản TRỊNH CÔNG DUY TRỊNH CÔNG DUY Website: http://ITF.UD.EDU.VN Website: http://ITF.UD.EDU.VN Khái. được cấp một chỉ số chẳng hạn như dấu tròn. Trông rất giống danh sách không có trật tự IV. Liên kết siêu văn bản Văn bản siêu liên kết hay còn gọi là siêu văn bản là một từ, một cụm từ hay một. giản, chỉ cần đánh văn bản vào rồi chèn thêm các ký hiệu đánh dấu, gọi là thẻ có dạng như sau: <TAG> ;văn bản chịu tác động</TAG> - Tập tin HTML luôn bắt đầu bằng thẻ < ;HTML& gt; và