Bài giảng HTML căn bản
BÀI THIẾT KẾ TRANG WEB Khoa CNTT – ĐH KHTN Nội dung Giới thiệu HTML HTML – Cơ Frame Giới thiệu HTML l l l l HTML (Hyper Text Markup Language - Ngôn ngữ đánh dấu siêu văn bản) Là ngôn ngữ dùng để xây dựng trang Web Chứa thành phần định dạng để báo cho trình duyệt Web biết cách để hiển thị trang Web Một trang web thơng thường gồm có thành 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 liệu hiển thị trình duyệt 1 Giới thiệu HTML Ví dụ Welcome to HTML My first HTML document Kết hiển thị trình duyệt Giới thiệu HTML Browsers Editors l Browsers – – l Netscape's Navigator Microsoft's Internet Explorer Editors – – – Microsoft FrontPage Macromedia Dreamweaver Notepad Giới thiệu HTML Thẻ (tag) HTML? l Welcome to HTML My first HTML document Giới thiệu HTML Thẻ (tag) HTML – Đổi thuộc tính Giới thiệu HTML Thẻ (tag) HTML – Đổi thuộc tính Mã HTML Đây dịng in đậm Mức tiêu đề Mã HTML Hiển thị Đây dòng in đậm Mức tiêu đề Hiển thị Hello Hello - Không phân biệt chữ HOA thường - Bỏ qua khoảng trắng thừa dấu ngắt dòng HTML – Cơ Cấu trúc tài liệu HTML l l l The HTML section The Header section The BODY section Welcome to the world of HTMLThis is going to be real fun
HTML – Cơ Cấu trúc tài liệu HTML l l l l : định nghĩa phạm vi văn HTML : Định nghĩa mô tả trang HTML Các thông tin tag không hiển thị trang web : mô tả tiêu đề trang web xác định vùng thân trang web, nơi chứa thông tin HTML – Cơ Các tag HTML l Ðịnh dạng văn Block-level elements – – – – l Headers (H1 to H6) Paragraphs (P) List Items (LI) Horizontal Rules (HR) Inline or text level elements – – – EM, I, B and FONT (character emphasis) A (hypertext links) BR (line breaks) HTML – Cơ Các tag HTML l HEADING Introduction to HTML Introduction to HTML Introduction to HTML Introduction to HTML Introduction to HTML Introduction to HTML Introduction to HTML HTML – Cơ Các tag HTML -l PARAGRAPH -
Welcome to HTML My first HTML document
This is going to be real fun Using another heading
Another paragraph element HTML – Cơ Các tag HTML - l HORIZONTAL RULES l – Attributes l l l l align Width Size Noshade Ø – – Nhạc trang Web (MIDI) Loop = “-1” : lặp vô hạn HTML – Cơ HyperLink - Chèn liên kết cho đoạn văn hay hình ảnh hypertext l Có loại liên kết l – – Internal Link: liên kết đến phần trang web External Link: liên kết đến trang web khác hay website khác HTML – Cơ HyperLink - l Tạo liên kết nội liên kết – Đánh dấu vị trí liên kết nội – Tạo liên kết nội Chapter 1 Go to Chapter 1 Hypertext HTML – Cơ HyperLink - l Có loại địa URL hyperlink – Địa tuyệt đối This is what someone would see who does not have a web browser that can display frames 3.FRAME Bài tập: thiết kế trang web có dạng FRAME sau 14 3.FRAME l Cấu trúc trang WEB thông thường theo dạng FRAME BÀI TẬP THỰC HÀNH l l l Thiết kế trang WEB theo FRAME Thiết kế trang WEB theo mẫu Thiết kế hoàn chỉnh trang web đăng ký giới thiệu nhóm Một số trang web mẫu 15 Một số trang web mẫu Một số trang web mẫu Một số trang web mẫu 16 Một số trang web mẫu 17 ... Introduction to HTML< /H4> Introduction to HTML< /H5> Introduction to HTML< /H6> < /HTML> HTML – Cơ Các tag HTML -
l PARAGRAPH -
Welcome to HTML< /TITLE>... HTML – Cơ Bảng biểu - - ví dụ HTML – Cơ Tạo danh sách 12 HTML – Cơ Tạo danh sách Những kiến thức HTML< /H3>
- Cấu trúc tập tin HTML< /LI>
- Cấu trúc tập tin HTML< /LI>... breaks) HTML – Cơ Các tag HTML l HEADING Introduction to HTML< /TITLE> Introduction to HTML< /H1> Introduction to HTML< /H2> Introduction to HTML< /H3>