Qua các bài trước chắc các bạn đã biết rằng một tập tin HTML được hình thành như thế nào. Còn ở bài này chúng ta cùng nhau viết về cấu trúc một tập tin Web bằng HTML thì cần phải có những phần chính nào?
1. Định nghĩa một tập tin Web bằng HTML
Một tập tin Web bằng HTML thì phải bao gồm 04 yếu tố cơ bản đó là:
– <!DOCTYPE html> (Thẻ khai báo loại tập tin)
– Thẻ <html> </html> (Thẻ đóng mở tài liệu HTML)
– Thẻ <head> </head> (Thẻ đóng và mở phần thông tin website)
– Thẻ <body> </body> (Thẻ đóng và mở phần nội dung website)
Đây là ví dụ về một tập tin Web cơ bản:
<!DOCTYPE html> <html> <head> <title>Đây là tiêu đề Website</title> </head> <body> <h1>Đây là tiêu đề bài viết</h1> <p>Đây là đoạn văn bản.</p> <p>Đây là đoạn văn khác.</p> </body> </html>
2. Ý nghĩa của các thẻ cơ bản tạo thành một tập tin Web
2.1 <!DOCTYPE html> (Thẻ khai báo loại tập tin)
Ngay khi bắt đầu viết một tập tin thì chúng ta cần phải khai báo loại tập tin đó cho trình duyệt hiểu. Cụ thể ở đây là tập tin loại html.
<!DOCTYPE html> = Thẻ <!DOCTYPE> + Tham số html
Thẻ <!DOCTYPE> không phải là một thẻ của HTML, đó là thẻ dùng chỉ dẫn để trình duyệt hiểu phiên bản HTML mà bạn đang sử dụng trên website.
Tham số html này nghĩa là chúng ta khai báo với trình duyệt rằng đây là tập tin HTML. Ngoài ra, nó còn có một vài tham số khác mà bạn có thể tham khảo thêm tại trang web http://ift.tt/2wHr3Ik
2.2 Thẻ <html> </html> (Thẻ đóng mở tài liệu HTML)
Thẻ <html> </html> có nhiệm vụ khai báo cho trình duyệt biết rằng các nội dung bên trong cặp thẻ này là HTML. Như ví dụ trên bạn thấy Thẻ này bao bọc toàn bộ nội dung website nhưng không bao gồm thẻ <!DOCTYPE>.
Ngoài ra chúng ta có thể thêm thuộc tính cho cặp thẻ này để cho trình duyệt hiểu thêm rằng chúng ta đang viết về ngôn ngữ gì. Để cho dễ hiểu tôi sẽ ví dụ như sau:
<!DOCTYPE html> <html lang="vi"> <head> <title>Đây là tiêu đề Website</title> </head> <body> <h1>Đây là tiêu đề bài viết</h1> <p>Đây là đoạn văn bản.</p> <p>Đây là đoạn văn khác.</p> </body> </html>
Như ví dụ trên bạn thấy <html lang=”vi”> có nghĩa là tôi thêm thuộc tính lang với giá trị là “vi” Giá trị “vi” này để trình duyệt hiểu rằng bạn đang viết ngôn ngữ là Tiếng Việt, ngoài ra còn có nhiều giá trị khác bạn có thể tham khảo tại http://ift.tt/1CkqZs2
2.3 Thẻ <head> </head> (Thẻ đóng và mở phần thông tin website)
Phần khai báo thông tin của website sẽ được đặt vào bên trong cặp thẻ <head> </head>. Nội dung bên trong thẻ này là các thẻ chuyên cho khai báo thông tin website (meta), tên website (title), khai báo CSS (style), khai báo các đoạn Javascript và một số thông tin khác. Thường là các thông tin được khai báo trong đây sẽ không hiển thị trực tiếp thành siêu văn bản trên web nhưng nó sẽ có nhiệm vụ chứa các thông tin quan trọng về website.
2.4 Thẻ <body> </body> (Thẻ đóng và mở phần nội dung website)
Đây là cặp thẻ chứa các nội dung như text, media … mà bạn muốn nó hiển thị trên trang web của bạn.
Cặp thẻ này được trình duyệt hiểu đây là phần thân của website.
3. Lời cuối bài
Qua bài này bạn có thể hiểu Cấu trúc một tập tin Web bằng HTML là như thế nào. Qua bài sau chúng ta sẽ tìm hiểu về các công cụ trực tuyến để các bạn có thể làm các bài tập về HTML một cách dễ dàng, nhanh chóng.
The post [HTML bài 4] Cấu trúc một tập tin Web bằng HTML appeared first on Học online.
from WordPress http://ift.tt/2g6lflt
via IFTTT
Không có nhận xét nào:
Đăng nhận xét