ĐẠI HỌC QUỐC GIA TP.HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHAO CÔNG NGHỆ THÔNG TIN BỘ MƠN CƠNG NGHỆ PHẦN MỀM Bài 02: Ngơn ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt 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 trang sách CuuDuongThanCong.com https://fb.com/tailieudientucntt Giới thiệu Ngôn ngữ HTML Ngôn ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt 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 CuuDuongThanCong.com https://fb.com/tailieudientucntt Trình duyệt Trình soạn thảo code ! Trình duyệt web (Browser) CuuDuongThanCong.com ! Trình soạn thảo (Editor) https://fb.com/tailieudientucntt Công cụ soạn thảo code HTML ! Phần mềm: Sublime Text ! Link download: h3p://www.sublimetext.com/2 CuuDuongThanCong.com https://fb.com/tailieudientucntt Cấu trúc Tài liệu HTML Ngôn ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt 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 CuuDuongThanCong.com https://fb.com/tailieudientucntt 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 CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt Định dạng theo cột CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt 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ẻ CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) ! Tag cap‚on & col CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) ! Tag colgroup CuuDuongThanCong.com https://fb.com/tailieudientucntt 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 CuuDuongThanCong.com https://fb.com/tailieudientucntt Tag kẻ bảng – Table (tt) ! Tag thead, tbody, ©ooter CuuDuongThanCong.com https://fb.com/tailieudientucntt Layout website - Table CuuDuongThanCong.com https://fb.com/tailieudientucntt Bài tập nhà CuuDuongThanCong.com https://fb.com/tailieudientucntt Bài tập nhà CuuDuongThanCong.com https://fb.com/tailieudientucntt Tople€.png Top.png Topright.png le€.png right.png bo‚omle€.png CuuDuongThanCong.com Bo‚om.png bo‚omright.png https://fb.com/tailieudientucntt Bài tập nhà CuuDuongThanCong.com https://fb.com/tailieudientucntt See again J Ngônyou ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt Câu hỏi ? 3/6/13 CuuDuongThanCong.com https://fb.com/tailieudientucntt ... thiệu Ngôn ? ?ngữ HTML Ngôn ? ?ngữ HTML CuuDuongThanCong.com https://fb.com/tailieudientucntt Giới thiệu ngôn ngữ HTML ! HTML (HyperText Markup Language) ! ! ! ! Ngôn ? ?ngữ. .. hiển thị trên ? ?trình duyệt CuuDuongThanCong.com https://fb.com/tailieudientucntt Trình duyệt Trình soạn thảo code ! Trình duyệt web (Browser) CuuDuongThanCong.com ! Trình soạn thảo... 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: