Hãy xem qua ví dụ sau để hiểu rõ hơn về HTML.
Lấy ví dụ khi bạn truy cập trang facebook, nếu như không có HTML thì facebook sẽ trả về nội dung bài viết trên tường của bạn bằng 1 đoạn text như sau
Tinhte.vn Hôm qua lúc 08:18 ·Anh em hay lên Facebook ngắm mấy em thì yên tâm được rồi nhé
TINHTE.VN|BỞI NGUYỄN NGỌC DUY LUÂN
Công cụ xóa lịch sử duyệt Facebook sẽ ra mắt vào cuối năm nay
Facebook từng nói về công cụ xóa lịch sử sử dụng hồi tháng 5 năm ngoái, và hôm nay CFO David Wehner của công ty hứa hẹn rằng công cụ này sẽ ra mắt vào…
Thích Bình luận Chia sẻ
Khi trình duyệt nhận được những thông tin HTML như trên thì đây là kết quá trình duyệt hiển thị được:
Kết quả hiển thị được trên màn hình thật sự là một thảm hoạ, nội dung không được trình bày theo 1 bố cục nào hết. Do đó HTML được hình thành, nó giúp cho các trang web không những trả về nội dung cần truyền tải mà còn chứa thêm những dữ liệu cho việc trình bày bố cục, định dạng nhờ đó mà nội dung được hiển thị theo 1 trật tự nhất định.
Trở về với ví dụ Facebook, lần này thì hãy xem 1 đoạn HTML thật sưj được trả về từ Facebook sẽ như thế nào:
Và kết quả hiển thị trên trình duyệt là:
Tốt hơn rất rất nhiều so với nội dung thuần không có HTML đúng không nào.
Như các bạn thấy thì ngoài trừ những thông tin mà người dùng thấy được thì HTML còn chứa đựng những thông tin đi kèm như “<div>”, “<span>”, “<h2>”. Đó là những thông tin sẽ giúp cho trình duyệt biết được nội dung bên trong sẽ được định dạng như thế nào, chúng ta sẽ cùng tìm hiểu kĩ hơn về các keyword này trong các bài tới.
Nào hãy cùng mình xem cấu trúc đầy đủ của 1 trang HTML là như thế nào:
Như các bạn thấy thì 1 trang HTML luôn bao gồm 3 phần tử chính
- Phần tử gốc là <html> có chức năng thông báo cho trình duyệt biết đây là 1 trang HTML
- <html> gồm 2 phần tử con. Phần tử con đầu tiên là <head>, trong phần tử này chứa đựng những thông tin meta data (còn gọi là các thông tin ẩn), những thông tin này dùng để khai báo 1 số thuộc tính cho toàn bộ trang web như là bộ mã được sử dụng, tên trang web, icon của trang web. Bên cạnh đó <head> còn được sử dụng để khi báo các tài nguyên được sử dụng như là css, javascript
- Phần tử con thứ 2 của <html> là <body>. Body chứa đựng những thông tin mà người dùng thấy được trên trình duyệt, đồng thời đính kèm thêm những thông tin để đinhj dạng các thông tin đó. Ví dụ về 1 đoạn HTML của Facebook ở trên là 1 nội dung của thẻ body này
Như vậy các bạn có thể biết sơ lược về HTML, nhưng tại sao HTML lại quan trọng, 1 trang web có thể tồn tại mà không cần HTML hay không? Câu trả lời là không.
1 trang web có thể thiếu CSS thì vẫn là 1 trang web nhưng là 1 trang web xấu. 1 trang web có thể thiếu javascript thì vẫn là 1 trang web nhưng là 1 trang web nhàm chán. Còn 1 trang web mà thiếu HTML thì đó không phải là 1 trang web
Chừng nào web còn là phương tiện giao tiếp, dùng để truyền tải thông tin thì HTML vẫn là thành phần không thể thiếu của 1 trang web