Bài 2: Cấu trúc của một trang web bằng HTML

Để tạo ra một trang web tĩnh chúng ta phải sử dụng HTML để viết bố cục cho trang web và CSS để trang trí cho web. Nhưng bạn đã biết cấu trúc của một trang web bằng HTML thì nó như thế nào, bao gồm những gì chưa? Trong bài viết này mình sẽ cho các bạn thấy một web làm bằng HTML thì sẽ có cấu trúc như nào và bố cục như nào.

Cấu trúc của một trang web bằng HTML

Một tài liệu HTML được gọi là một trang web khi tập tin HTML có cấu trúc với các thành phần như sau:


Trong đó:
  • <!DOCTYPE html> đây không phải là 1 thẻ HTML mà nó là một thông báo cho trình duyệt web biết phiên bản HTML đang được sử dụng.
  • Cặp thẻ <html> và </html> là cặp thẻ đóng mở tài liệu HTML có nhiệm vụ khai báo cho trình duyệt biết nội dung bên trong là HTML. Cặp thẻ này bao bọc toàn bộ nội dung website và là thẻ bắt buộc.
  • Cặp thẻ <head> và </head> là thẻ chứa các thông tin của web. Thường sẽ chứa các cặp thẻ khai báo thông tin web (meta), tên web (title), khai báo file CSS (style web), Javascript và một số thông tin khác.
  • Cặp thẻ <body> và </body> là thẻ chứa nội dung của web. Đây là phần quan trọng, nó chứa các đoạn code HTML dùng để hiển thị nội dung web cho người dùng trên trình duyệt.
  • Các cặp thẻ khác nằm trong cặp thẻ <body> chính là các thẻ định dạng dữ liệu trong tài liệu HTML.

Sau đó bạn lưu file lại với đuôi mở rộng là .html hoặc .htm. Sau đó mở file HTML đó bằng trình duyệt coi xem sao nhé.

Lời kết

Trên đây là toàn bộ những gì có trong một trang web HTML. Cấu trúc của nó gồm có 2 phần chính là phần đầu <head> và phần nội dung <body>. Và là bạn đã có thể tự tạo 1 trang web đơn giản bằng HTML rồi đó. Nhớ theo dõi bài viết tiếp theo của BlogCongDong.Com để bạn tìm hiểu thêm về HTML nhé.

Bài 2: Cấu trúc của một trang web bằng HTML
5 3 votes

Tìm bài viết này bằng từ khóa:

  • cấu trúc một trang website

Để lại ý kiến của bạn

Hãy trở thành người đầu tiên bình luận!

Thông báo khi có
avatar
wpDiscuz
Hello! Tôi là Nguyễn Hùng, Blog Cộng Đồng là blog tôi xây dựng nhằm mục đích chia sẻ kiến thức miễn phí về máy tính và làm Web Wordpress, SEO,...cho tất cả mọi người. Cảm ơn bạn đã ghé qua và đọc blog, nếu thấy bài viết hay hãy chia sẻ nó thay lời cho cảm ơn nhé. → Xem tiếp"

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nhận thông tin bổ ích về WordPress, SEO, Thủ thuật máy tính, Word, Excel....và các phần quà hấp dẫn qua email.