Ngôn ngữ đánh dấu siêu văn bảnLà ngôn ngữ xây dựng trang web Chứa các chỉ dẫn trình duyệt web hiển thị nội dung của một trang web Một trang web gồm hai phần chính:+ Dữa liệu của trang web ( Văn bản, âm thanh, hình ảnh,...)
ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA CÔNG NGHỆ THÔNG TIN BỘ MƠN CƠNG NGHỆ PHẦN MỀM Bài 02: Ngơn ngữ HTML Nội dung H TML Các tag b ản Cấu t rúc t ài Giới t hiệu liệu HTML Tag k ẻ b ảng HTML Tag l iên k ế Tag danh sách trang Giới thiệu Ngôn ngữ HTML Ngôn ngữ HTML Giới thiệu ngôn ngữ HTML ! HTML (HyperText Markup Language) ! ! ! ! Ngôn ngữ đánh dấu siêu văn bản Là ngôn ngữ xây dựng trang Web Chứa dẫn cho trình duyệt Web hiển thị nội dung của một trang Web Một trang web gồm có 2 phần chính: ! ! Dữ liệu trang web (văn bản, âm thanh, hình ảnh ) Các thẻ (tag) HTML dùng để định dạng mô tả cách thức các dữ liệu trên hiển thị trên trình duyệt Trình duyệt Trình soạn thảo code ! Trình duyệt web (Browser) ! Trình soạn thảo (Editor) Công cụ soạn thảo code HTML ! Phần mềm: Sublime Text ! Link download: h3p://www.sublimetext.com/2 Cấu trúc Tài liệu HTML Ngôn ngữ HTML Thẻ (Tag) HTML Dòng chữ in đậm ! ! ! ! ! Dữ liệu Tên Tag à ln mang cnh gợi nhớ ! Ví dụ: B ~ Bold, I ~ Italic, P ~ Paragraph Đôi khi không cần Tag đóng ,,,… Cú pháp chung Dữ liệu Ví dụ : ! Thuong mai Dien tu 1 ! Thuong mai Dien tu 2 Thẻ (Tag) HTML Mã HTML Hiển thị Mã HTML Hiển thị Lưu ý : • Giá trị Thuộc cnh của Thẻ nên đặt trong dấu nháy đơn hoặc nháy kép • Khơng phân biệt chữ HOA và thường • Bỏ qua các khoảng trắng thừa và các dấu ngắt dòng, xuống dòng Định dạng theo cột Tag kẻ bảng – Table (tt) 79 Thẻ Ý nghĩa Văn Đầu đề cho bảng Thẻ thẻ Định dạng chung cho cột bảng Thẻ thẻ Định dạng chung cho nhóm cột bảng Thẻ thẻ Tag kẻ bảng – Table (tt) ! Tag cap‚on & col Tag kẻ bảng – Table (tt) ! Tag colgroup Tag kẻ bảng – Table (tt) 82 Thẻ Ý nghĩa Quy định nhóm dòng tiêu đề bảng Quy định nhóm dòng nội dung Quy định nhóm dòng chân bảng Thuộc tính Align, valign, char Tag kẻ bảng – Table (tt) ! Tag thead, tbody, ©ooter Layout website - Table Bài tập nhà Bài tập nhà Tople€.png Top.png le€.png bo‚omle€.png Topright.png right.png Bo‚om.png bo‚omright.png Bài tập nhà See again J Ngônyou ngữ HTML Câu hỏi ? 4/14/13 ... trang HTML Tiêu đề Phần đầu trang HTML Nội dung Nội dung Nội dung < /html> Nội dung trang HTML Bắt đầu Kết thúc trang HTML Cấu trúc trang HTML. .. My first HTML document < /HTML> Chuẩn XHTML ! XHTML = HTML + XML ! ! Tất cả các tag HTML mở đều phải có tag đóng Ví dụ: ... trang HTML Welcome to HTML< /TITLE> My first HTML document < /HTML> 18 Các tag HTML