Basic Tìm hiểu ngôn ngữ HTML

Language
Tiếng Việt
Loạt bài hướng dẫn này tôi sẽ hướng dẫn các bạn mới bắt đầu bước vào lĩnh vực web có những kiến thức cơ bản về ngôn ngữ HTML để làm nền tảng cho việc theo đuổi con đường của mình.

HTML là viết tắt của từ "Hyper Text Markup Language", ngôn ngữ được sử dụng rộng rãi nhất trên web để phát triển các trang web. HTML được tạo ra bởi Berners-Lee vào cuối năm 1991 nhưng HTML 2.0 là chuẩn HTML đầu tiên được xuất bản vào năm 1995. HTML 4.01 là một phiên bản chính của HTML và nó đã được xuất bản vào cuối năm 1999. Mặc dù phiên bản HTML 4.01 được sử dụng rộng rãi nhưng hiện tại thì phiển bản HTML 5 được xuất bản vào năm 2012 cũng đang dần thay thế cho phiên bản HTML 4.01.

Vì HTML là ngôn ngữ cơ bản nhất để phát triển các trang web nên không cần có yêu cầu gì đối với các bạn muốn tìm hiểu, chỉ cần các bạn có đam mê theo lĩnh vực web là có thể tham gia vào loạt bài này.

Những nội dung tôi sẽ hướng dẫn các bạn bao gồm:
  • Tổng quan về HTML.
  • Thẻ, thuộc tính và thành phần.
  • Văn bản.
  • Định dạng.
  • Phong chữ.
  • Màu sắc.
  • Liên kết.
  • Hình ảnh.
  • Nhúng đa phương tiện.
  • Danh sách.
  • Khối.
  • Bảng.
  • Khung.
  • Form.
  • Các thành phần khác.
Chân thành cảm ơn sự quan tâm của các bạn!
 
PHẦN 1: TỔNG QUAN VỀ HTML

Một trang HTML cơ bản bao gồm 2 phần, phần đầu (Gọi là head) là nơi khai báo các thông tin cho toàn bộ trang HTML và phần thân (Gọi là body) là phần chính của trang, đây là nơi chứa toàn bộ các nội dung cần trình bày trên trang HTML. Ngoài ra, còn có một phần để định nghĩa loại tài liệu và phiên bản HTML các bạn sử dụng.

Các bạn có thể tham khảo một trang HTML cơ bản như sau:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tổng quan về HTML</title>
</head>
<body>
<h1>Nội dung website</h1>
</body>
</html>
Trong đó:
  • Dòng đầu tiên là dòng lệnh <!DOCTYPE html> dùng để định nghĩa loại tài liệu là HTML và phiên bản là HTML 5 (Đây là quy ước mặc định). Các bạn có thể tham khảo thêm các định nghĩa khác tại địa chỉ https://www.w3.org/QA/2002/04/valid-dtd-list.html.
  • Sau thẻ <!DOCTYPE> là thẻ <html> được xem như là phần tử gốc của trang HTML. Toàn bộ các nội dung còn lại của trang HTML phải nằm bên trong cặp thẻ này.
  • Tiếp theo là thẻ <head> được xem như là phần đầu của trang HTML, thường thì toàn bộ các khai báo cho trang HTML sẽ nằm ở đây. Ví dụ như thẻ <title> dùng để xác định tiêu đề của trang HTML.
  • Phần chính là thẻ <body>, thẻ này được xem như là phần thân của trang HTML, nơi chứa toàn bộ các mã lệnh HTML dùng để trình bày trang. Các nội dung mà các bạn thấy hiển thị trên trình duyệt web là do phần này đảm nhiệm chính.
Các bạn lưu ý là trang HTML có thể hiển thị khác nhau trên các trình duyệt web khác nhau nhưng với những tiêu chuẩn chung được quy định hiện nay thì sự khác biệt này là không nhiều.

Hiện tại, HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì nên các bạn thường hay nghe nói tới "HTML chuẩn W3C" là như vậy. Về việc viết HTML theo chuẩn W3C đòi hỏi các bạn phải đọc kỹ các tài liệu về HTML tại địa chỉ https://www.w3.org/TR/html52 (Phiên bản HTML 5.2 phát hành ngày 14/12/2017).

Việc học HTML không quá phức tạp thậm chí có thể nói là đơn giản nhưng để sử dụng tốt thì đòi hỏi các bạn phải tìm hiểu thật kỹ về các thẻ mà HTML cung cấp cũng như cách mà các thẻ này được trình bày ra trình duyệt như thế nào.

Phần này tôi chỉ giới thiệu tổng quan cho các bạn nắm được những kiến thức cơ bản nhất của HTML, những phần sau tôi sẽ từng bước hướng dẫn các bạn cụ thể hơn.
 

Attachments

  • 01.LearnHTML-01.zip
    1 KB · Views: 0
Back
Top