[Học HTML] HTML là gì và vì sao nó quan trọng [NEW]



Chào mừng bạn đến với thế giới HTML, và đây cũng là bước khởi đầu để bạn biết HTML là gì và nó được sử dụng như thế nào, hiểu tại sao nó lại quan trọng cho dù bạn là người làm website chuyên nghiệp hay nghiệp dư. Mọi người phải biết điều đó. Ngay cả những người có công việc không liên quan như Biên tập viên cũng cần biết HTML, tại sao vậy? Sau khi đi rõ ràng trở lại.

HTML là gì?

HTML là chữ viết tắt của cụm từ HyperHÀNG TRIỆUmáy lẻ Hoa Kỳhòm LỜI ĐỀ NGHỊanguage ((Xem thêm tại http://en.wikipedia.org/wiki/HTML)) (tạm dịch là Ngôn ngữ đánh dấu siêu văn bản) được sử dụng để tạo một trang web, trên một trang web có thể chứa nhiều trang. và mỗi trang được coi là một tài liệu HTML (đôi khi tôi sẽ viết một tệp HTML). Cha đẻ của HTML là Tim Berners-Leecũng là người sáng lập World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập các tiêu chuẩn trên môi trường Internet).

Một tài liệu HTML được tạo thành từ các phần tử HTML (HTML Elements) được chỉ định bởi các cặp thẻ, các cặp thẻ này được bao bởi một dấu ngoặc đơn (ví dụ: <html>) và thường sẽ được khai báo là một cặp, bao gồm thẻ mở và thẻ đóng (ví dụ: <strong> thí dụ </strong> và ). Nội dung muốn được đánh dấu bằng HTML sẽ được khai báo bên trong một cặp thẻ (ví dụ: <strong>Đây là chữ in đậm</strong>). Nhưng một số thẻ đặc biệt không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính (ví dụ: thẻ <img>).

Một tệp HTML sẽ chứa các phần tử HTML và được lưu với phần mở rộng .html hoặc .htm.

HTML được xử lý như thế nào?

Sau khi tệp HTML được tạo, trình duyệt web sẽ thực hiện xử lý tệp đó. Trình duyệt sẽ hoạt động như một trình đọc nội dung HTML từ các thẻ bên trong và sẽ chuyển nó thành văn bản được đánh dấu để đọc, nghe hoặc hiểu (bot máy tính có thể hiểu được).

Để kiểm tra, bạn có thể sử dụng ngăn nội dung bên dưới và chuyển đổi qua lại giữa phần HTML và Kết quả để xem kết quả đầu ra của tệp HTML sau khi nó đã được xử lý.

Cấu trúc của một đoạn HTML

Như tôi đã nói ở trên, HTML sẽ được khai báo với các phần tử bằng từ khóa. Nội dung bên trong cặp từ khóa sẽ là nội dung bạn cần định dạng bằng HTML. Ví dụ dưới đây là một đoạn mã HTML khai báo một đoạn văn bản.

[html]

Đây là một văn bản trong HTML.

[/html]

Ngoài ra, trong các thẻ còn có đặc tính, thuộc tính sẽ được đặt bên trong thẻ mở, mỗi thuộc tính sẽ có giá trị của nó được đặt trong dấu ngoặc kép và được phân tách bằng dấu bằng (=) với tên thuộc tính. Dưới đây là ví dụ về thẻ sử dụng thuộc tính-

[html]

[/html]

Một thẻ có thể sử dụng nhiều thuộc tính, không chỉ một thuộc tính.

Bạn sử dụng chương trình nào để tạo tệp HTML?

HTML là một tệp siêu văn bản, vì vậy bạn có thể sử dụng các trình soạn thảo văn bản không có định dạng văn bản để tạo tệp HTML. Trong Windows, bạn có thể sử dụng Notepad để tạo tệp HTML và trên Mac, bạn có thể sử dụng TextEdit và Vim trên các hệ điều hành Linux khác. Miễn là sau đó bạn lưu tệp dưới dạng .html và sử dụng trình duyệt web của bạn để đọc.

[Học HTML] HTML là gì và vì sao nó quan trọng [NEW]

HTML có thể được chỉnh sửa bởi bất kỳ trình soạn thảo văn bản đơn giản nào.

Tuy nhiên, Notepad quá đơn giản để sử dụng cho mục đích chỉnh sửa, vì vậy từ các bài viết sau chúng ta sẽ sử dụng một chương trình tương tự khác để chỉnh sửa HTML. Và mình cũng không bao giờ khuyến khích các bạn chỉnh sửa bất kỳ file HTML nào bằng chương trình Notepad để tránh lỗi hiển thị ký tự tiếng Việt.

HTML đóng vai trò gì trong một trang web?

Như mình đã nói, HTML là ngôn ngữ đánh dấu siêu văn bản nên nó sẽ có vai trò xây dựng cấu trúc siêu văn bản trên website, hoặc khai báo các tập tin số (media) như hình ảnh, video, nhạc.

Vai trò của từng ngôn ngữ trong trang web

Vai trò của từng ngôn ngữ trong trang web

Điều đó không có nghĩa là chỉ sử dụng HTML để tạo một trang web, HTML chỉ đóng một vai trò định hình trên trang web. Ví dụ, một trang web như Thachpham.com sẽ được hình thành bởi:

  • HTML – Cấu trúc và định dạng siêu văn bản.
  • CSS – Định dạng siêu văn bản thô được tạo ra từ HTML thành một bố cục trang web, với màu sắc, hình ảnh nền, v.v.
  • Javascript – Tạo các sự kiện tương tác với hành vi của người dùng (ví dụ: nhấp vào một hình ảnh sẽ phóng to).
  • PHP – Ngôn ngữ lập trình để xử lý và trao đổi dữ liệu giữa máy chủ và trình duyệt (ví dụ: các bài báo sẽ được lưu trữ trong máy chủ).
  • MySQL – Hệ quản trị cơ sở dữ liệu truy vấn có cấu trúc (SQL – ví dụ: các bài báo sẽ được lưu dưới dạng dữ liệu SQL).

Nhưng ở đây, hiện tại, bạn chỉ cần quan tâm đến HTML. Dễ hiểu hơn, bạn nghĩ rằng nếu website là một chỉnh thể hoàn chỉnh thì HTML chính là khung xương của chỉnh thể đó, nó giống như một khung xương.

Như vậy, dù website thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì nó vẫn cần HTML để hiển thị nội dung cho khách xem.

Nhân tiện, tôi cũng nói rằng có hai loại trang web chính:

  • Trang web tĩnh (web tĩnh) – Là trang web không giao tiếp với máy chủ web để gửi và nhận dữ liệu mà chỉ có dữ liệu được khai báo trước bằng HTML và được trình duyệt đọc.
  • Trang web động (web động) – Một trang web sẽ giao tiếp với máy chủ để gửi và nhận dữ liệu, dữ liệu đó sẽ được gửi đến người dùng dưới dạng văn bản HTML và trình duyệt sẽ hiển thị nó. Để một trang web giao tiếp với máy chủ web, nó sẽ sử dụng một số ngôn ngữ lập trình phía máy chủ như PHP, ASP.NET, Ruby, .. để thực hiện. Ví dụ, một trang web làm bằng WordPress là một trang web động.

Tài nguyên Tham chiếu HTML

Trong loạt bài này tôi không nói về tất cả các thẻ trong HTML mà chỉ điểm qua những thẻ quan trọng nhất vì bạn sẽ sử dụng nó thường xuyên. Vì vậy, hãy vào trang Tham chiếu HTML để đề cập đến ý nghĩa và cách sử dụng của tất cả các thẻ HTML.

Phần kết

Trên đây mình đã giải thích khá chi tiết và cặn kẽ về HTML và vai trò của nó đối với website. Thoạt nhìn, bạn có thể nghĩ những thông tin này chỉ mang tính chất tham khảo nhưng đây là thông tin cực kỳ quan trọng, vì đã làm web thì bạn phải hiểu rõ về nó.

Trong các bài sau, chúng ta sẽ đi vào phần chuẩn bị để chỉnh sửa một tệp HTML đầu tiên và kiểm tra nó.

4.6 / 5 – (12 phiếu bầu)

Tiếp tục đọc trong bộ truyện