Sơ lược ngôn ngữ HTML là từ rút gọn của HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản) dùng mô tả cấu trúc của các trang website và tạo ra các kiểu tài liệu có khả năng xem được trong trình duyệt.
Khái niệm sơ lược ngôn ngữ HTML
HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo và cấu trúc các thành phần trong trang website hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng.
HTML không đơn giản là phương ngữ lập trình, đồng nghĩa với việc nó không thể sản sinh ra các chức năng “động” được. Nó chỉ tương tự như Microsoft Word, dùng để bố cục và định dạng trang web.
Khi thực hiện công việc với HTML, con người sẽ dùng cấu trúc code đơn giản (tags và attributes) để đánh dấu lên trang web. Chẳng hạn như, chúng ta có khả năng tạo một đoạn văn bằng cách đặt văn bản vào trong cặp tag mở và đóng văn bản
>>>Xem thêm: Source Code là gì? Tổng hợp các loại mã nguồn phổ biến nhất hiện nay
Lịch sử của HTML
HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm bào chế CERN ở Thụy Sĩ. Anh ta đã nghĩ ra được cảm hứng cho hệ thống hypertext trên nền Internet.
Hypertext nghĩa là văn bản chứa links, nơi người xem có thể truy xuất ngay bây giờ. Anh xuất bản phiên bản đầu tiên của HTML trong năm 1991 gồm có 18 tag HTML. Từ đấy, mỗi phiên bản mới của HTML đều có thêm tag mới và attributes mới.
HTML hoạt động như thế nào?
HTML documents là files dừng lại với đuôi .html hay .htm. Bạn có thể coi chúng bằng cách sử dụng bất kỳ trình duyệt web nào (như Google Chrome, Safari, hay Mozilla Firefox). Trình duyệt web đọc các files HTML này và xuất bản thông tin lên trên mạng internet sao cho người coi có khả năng xem được nó.
Thường thường, trung bình một website chứa nhiều trang web HTML, ví dụ như: trang chủ, trang about, trang liên hệ, toàn bộ đều cần các trang HTML riêng.
Mỗi trang HTML chứa một bộ các tag (cũng được gọi là elements), bạn có thể xem như là việc tạo ra từng khối của một trang web. Nó tạo thành cấu trúc cây thư mục bao gồm section, paragraph, heading, và những khối thông tin khác.
Tổng quan của các tag thông dụng nhất của HTML
HTML tags có 2 loại chính: block-level và inline tags.
- Elements Block-level sẽ sử dụng toàn không gian trang web và luôn tiếp tục dòng mới của trang website. Headings và paragraph là những chẳng hạn như chủ đạo của block tags.
- Inline elements chỉ chiếm phần nhỏ không gian web và không bắt đầu dòng mới của trang web. Chúng thường dùng để định dạng nội dung bên trong của block level elements. Links và những tag làm nổi bậc là những tag inlines rộng rãi.
Block-Level Tags
3 block level tags của mỗi trang HTML cần có những tag như là
- Tag là element cao nhất dùng để đóng gói mỗi trang HTML.
- Tag chứa các nội dung meta như là tiêu đề trang và charset.
- Cuối cùng, tag sử dụng để đóng gói toàn bộ nội dung sẽ hiện trên trang.
Inline Tags
Có những inline tags được sử dụng để định dạng vnă bản. chẳng hạn như như, tag sẽ định dạng chữ in đậm, trong thời gian đó tag sẽ định dạng chữ in nghiên.
Sự phát triển của HTML. Có gì sai biệt giữa HTML và HTML5?
Từ những tháng đầu tiên, HTML đã là một phát minh vượt thời đại. W3C liên tục xuất bản các bản cập nhật và nâng cấp.
HTML4 (cũng hay được gọi là “HTML”) được phát hành năm 1999, trong khi phiên bản tiên tiến, lớn nhất là HTML5 thì phát hành năm 2014. Phiên bản này đã ra mắt rất nhiều tính năng quan trọng mới.
Một trong số các tính năng hấp dẫn nhất của HTML5 là năng lực hỗ trợ audio và video. Thay vì dùng Flash Player, chúng ta giờ đây chỉ phải nhúng videos và audio files vào trong trang website bằng tag hay . Nó cũng giúp đỡ những công dụng mặc định như hỗ trợ scalable vector graphics (SVG) và MathML cho các công thức toán học và phương trình khoa học.
HTML5 có không hề ít tốt lên về mặt ngôn ngữ. Các tag mới nhằm recommend cho trình duyệt web biết mục đích chủ yếu của thông tin trong site là gì, điều này có lợi cho cả người coi và cả search engine.
Ưu điểm và nhược điểm của HTML
Như đa phần mọi chuyện, HTML có điểm mạnh và điểm yếu của riêng nó.
Ưu điểm:
- Ngôn ngữ được dùng rộng rãi này có vô số nguồn tài nguyên giúp đỡ và cộng đồng dùng cực lớn.
- Sử dụng linh hoạt trên đa phần mọi trình duyệt web.
- Có chu trình học giản đơn và trực tiếp.
- Mã nguồn mở và hoàn toàn miễn phí.
- Markup gọn gàng và đồng nhất.
- Chuẩn chính của website được vận hành bởi World Wide web Consortium (W3C).
- Dễ dàng tích hợp với các ngôn ngữ backend như PHP và Node.js.
Khuyết điểm:
- Được sử dụng Chủ yếu cho website tĩnh. Đối với các công dụng động, bạn cần dùng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP.
- Nó có thể thực thi một vài logic nhất định cho người dùng. do đó, hầu hết các trang đều cần được tạo riêng biệt, ngay cả khi nó dùng cùng các yếu tố, như là headers hay footers.
- Một số trình duyệt web chậm hỗ trợ tính năng mới.
- Khó kiểm soát cảnh thực thi của trình duyệt (ví dụ, những trình duyệt cũ không render được tag mới)
>>>Xem thêm: Thụât toán tìm kiếm nhị phân (Binary Search)
Sự kết nối giữa HTML với CSS và Javascript
Sơ lược ngôn ngữ HTML với CSS
CSS (Cascading Style Sheets) và HTML luôn đi cùng nhau: HTML giải thích cấu trúc phần tử trang còn CSS quy định cách hiển thị phần tử trên trang.
CSS cho phép bạn định nghĩa kiểu hiển thị cho các phần tử HTML, hỗ trợ bạn phân tách giữa nội dung trang và cách giải thích trang. Nếu chỉ sử dụng HTML thì định dạng phần tử, kiểu phần tử phải ở cùng một vị trí với phần tử trong văn bản, điều này rất khó để bảo trì khi trang website dần trở thành phức tạp. Khi sử dụng CSS thì các định dạng được đào thải khỏi văn bản HTML và lưu vào một file CSS.
Sơ lược ngôn ngữ HTML với Javascript
Con người có khả năng thấy HTML giải thích cấu trúc phần tử trang còn CSS quy định cách hiển thị phần tử trên trang và JavaScript – thành viên cuối cùng của bộ ba đặc biệt trên website, cho phép thông tin trên trang web có khả năng tự động được cập nhật hoặc thay đổi bởi sự tương tác của người sử dụng.
Bài viết trên, mình đã chia sẻ tới các bạn về sơ lược ngôn ngữ HTML. Cảm ơn các bạn đã theo dõi bài viết nhé!
>>Xem thêm: Những phần mềm viết Code tốt nhất cho lập trình viên hiện nay
Mỹ Phượng-Tổng hợp
Tham khảo: (hoclaptrinhweb, quantrimang,…)
