Bài giảng Ngôn ngữ HTML - Hoàng Văn Hiệp

Cùng tìm hiểu về ngôn ngữ HTML và các thẻ trong HTML được trình bày cụ thể trong "Bài giảng Ngôn ngữ HTML" do Hoàng Văn Hiệp biên soạn. Cùng tìm hiểu để nắm bắt nội dung thông tin tài liệu.
Nội dung trích xuất từ tài liệu:
Bài giảng Ngôn ngữ HTML - Hoàng Văn HiệpNgôn ngữ HTML Giảng viên: Hoàng Văn Hiệp Bộ môn: Kỹ Thuật máy tính Viện CNTT-TT – ĐH Bách Khoa Hà Nội Email: hiephv@soict.hut.edu.vn Đại học Bách khoa Hà nội 1NGÔN NGỮ HTML HTML là gì? Các thẻ trong HTML. Đại học Bách khoa Hà nội 2HTML LÀ GÌ? Hyper Text Markup Language – Ngôn ngữ đánh dấu siêu văn bản Được sử dụng để tạo nên các trang web Trình duyệt đọc file HTML để hiển thị nội dung Là một file văn bản có chứa các thẻ (tag) và nội dung trang web Đại học Bách khoa Hà nội 3HTML LÀ GÌ? Các thẻ được sử dụng để định dạng dữ liệu, quy định cách thức hiển thị nội dung trang web HTML không phân biệt chữ hoa hay chữ thường HTML không báo lỗi cú pháp, nếu sai cú pháp kết quả hiển thị không đúng. Đại học Bách khoa Hà nội 4HTML LÀ GÌ? Một file HTML phải có phần mở rộng là htm hoặc html File HTML có thể được tạo bởi bất kỳ chương trình soạn thảo nào (word, notepad, …) Đại học Bách khoa Hà nội 5CÁC THẺ TRONG HTML Được sử dụng để đánh dấu các thành phần của HTML Có nhiều kiểu thẻ, mỗi kiểu thẻ có tác dụng khác nhau Có 2 loại: thẻ đóng và thẻ mở Đại học Bách khoa Hà nội 6CÚ PHÁP THẺ Thẻ mở   Bắt đầu một lệnh HTML  Ví dụ , ,  Thẻ đóng   Kết thúc một lệnh HTML  Ví dụ , , Đại học Bách khoa Hà nội 7CÚ PHÁP THẺ Thẻ đóng và thẻ mở thường đi liền với nhau  …  Tác động đến dữ liệu bên trong cặp thẻ Một số thẻ chỉ có thẻ mở  , , Đại học Bách khoa Hà nội 8THUỘC TÍNH CỦA THẺ Mỗi thẻ có thể có 1 hoặc nhiều thuộc tính Mỗi thuộc tính có tên thuộc tính và giá trị, giá trị được đặt trong dấu “” Cú pháp  Đại học Bách khoa Hà nội 9THUỘC TÍNH CỦA THẺ Thuộc tính được viết trong thẻ mở  Hello world Các thuộc tính có thể đổi vị trí cho nhau   Đại học Bách khoa Hà nội 10TRANG WEB ĐẦU TIÊNTitle of pageThis is my first homepage.This text is bold Đại học Bách khoa Hà nội 11HIỂN THỊ TRÊN TRÌNH DUYỆT Đại học Bách khoa Hà nội 12HIỂN THỊ TRÊN TRÌNH DUYỆT Đại học Bách khoa Hà nội 13GIẢI THÍCH Thành phần This text is bold  là thẻ mở  là thẻ đóng tương ứng  Nội dung của thành phần nằm giữa 2 thẻ  Tác dụng: làm đậm nội dung khi hiển thị trên trình duyệt Đại học Bách khoa Hà nội 14CÁC THẺ HTML CƠ BẢN …  Đánh dấu một file HTML …  Đánh dấu phần đầu của file HTML …  Đánh dấu phần nội dung được hiển thị  Thuộc tính bgcolor xác định màu nền của trang web  Thuộc tính background xác định ảnh nền trang web Đại học Bách khoa Hà nội 15ẢNH NỀN TRANG WEBBackground ImageThis is my first homepage.This text is bold Đại học Bách khoa Hà nội 16 MÀU NỀN TRANG WEBBackground ImageThis is my first homepage.This text is bold Đại học Bách khoa Hà nội 17ĐỀ MỤC Được sử dụng với các thẻ từ đến  có kích thước lớn nhất có kích thước nhỏ nhất Tự động thêm một dòng trống trước và sau đề mục Thuộc tính  align=“left”, “right”, “center”, “justify” căn chỉnh lề Đại học Bách khoa Hà nội 18ĐỀ MỤC Đề mục mức 1 Đề mục mức 2 Đề mục mức 3 Đề mục mức 4 Đề mục mức 5 Đề mục mức 6 Đại học Bách khoa Hà nội 19ĐOẠN VĂN, NGẮT DÒNG …  Đánh dấu một đoạn văn bản  Tự động thêm một dòng trống trước và sau đoạn  Thuộc tính align căn lề cho đoạn văn bản, giá trị mặc định là “left”  Chèn ký tự xuống dòng  Chèn đường kẻ ngang Đại học Bách khoa Hà nội 20 ...