Ngay cả khi bạn chưa bắt đầu blog của mình, có lẽ bạn đã từng nghe đến thuật ngữ ‘HTML’. Bạn có thể đã nhìn thấy nó hoặc chỉ mơ hồ biết rằng nó có liên quan đến các trang web – giống như tôi khi mới bắt đầu.

Trải nghiệm đầu tiên của tôi với HTML là vào năm 2002, khi tôi muốn thay đổi thiết kế cho blog đầu tiên của mình. Nhưng khi nhìn vào hàng loạt đoạn mã có vẻ lộn xộn trên trang, tôi ngay lập tức gạt ý định thiết kế blog của riêng mình sang một bên vì nghĩ rằng nó quá khó.

Thực tế, mọi thứ liên quan đến kỹ thuật trên blog đầu tiên của tôi đều có vẻ phức tạp. Ngay cả việc làm cho một từ in đậm cũng không hề đơn giản. Bạn không thể chỉ nhấn nút ‘b’ trên giao diện chỉnh sửa của blog để thay đổi nó một cách kỳ diệu. Bạn cần biết mã HTML để làm điều đó.

Kết quả là tôi đã mất ba tháng chỉ viết văn bản thuần túy trước khi học được đoạn mã HTML đầu tiên:

<strong></strong>

Sau khi học được điều này, tôi quyết định tìm hiểu thêm một chút. Và tôi nhận ra rằng những kiến thức cơ bản không quá khó để nắm bắt.

Với kiến thức đó, bạn sẽ nhận được nhiều lợi ích.

Cũng giống như tôi khi bắt đầu, nhiều blogger nghĩ rằng HTML rất phức tạp hoặc đáng sợ. Nhưng thực tế không phải vậy.

Hôm nay, tôi sẽ giải thích HTML là gì, trông như thế nào, cách nó hoạt động và tại sao các blogger nên hiểu những điều cơ bản về nó.

Cuối bài viết này, bạn sẽ có thể viết đoạn mã HTML đơn giản của riêng mình (và tôi hứa là nó dễ hơn bạn nghĩ).

HTML Là Gì Và Nó Hoạt Động Như Thế Nào?

HTML là viết tắt của ‘Hypertext Markup Language’ (Ngôn ngữ Đánh dấu Siêu Văn bản).

Nó được dùng để ‘đánh dấu’ văn bản thuần túy để có thể định dạng bằng cách thêm ngắt đoạn, làm đậm hoặc in nghiêng, đổi màu chữ và nhiều hơn nữa.

Phần ‘Hypertext’ có nghĩa là văn bản có thể bao gồm các liên kết (hay ‘siêu liên kết’) dẫn đến các tài nguyên khác.

Nếu bài viết này không sử dụng HTML, nó sẽ xuất hiện như sau:

Ngay cả khi bạn chưa bắt đầu blog của mình, có lẽ bạn đã từng nghe đến thuật ngữ ‘HTML’...

Rõ ràng là rất khó đọc, đúng không? Với HTML, bài viết sẽ có các đoạn văn, chữ in đậm và nhiều định dạng khác.

Mã HTML Trông Như Thế Nào?

Mọi bài viết trên blog của bạn đều đã chứa HTML do WordPress tự động thêm vào. Dưới đây là một ví dụ về HTML:

<p>Trong thời gian giới hạn, bạn có thể mua ebook của tôi với giá <strong>chỉ $3.99</strong>.</p>

Và đây là cách câu đó hiển thị trên trang web:

Trong thời gian giới hạn, bạn có thể mua ebook của tôi với giá chỉ $3.99.

Một Số Thẻ HTML Cơ Bản

Dưới đây là một số thẻ HTML phổ biến mà bạn có thể sử dụng:

Xuống dòng: <br/>

Kẻ ngang: <hr/>

Danh sách không có thứ tự: <ul><li>...</li></ul>

Danh sách có thứ tự: <ol><li>...</li></ol>

Liên kết: <a href="URL">Văn bản liên kết</a>

Hình ảnh: <img src="URL">

Ví dụ về danh sách HTML:

<ul>

<li>Sữa</li>

<li>Bánh mì</li>

<li>Trứng</li>

</ul>

Hiển thị trên trang web như sau:

Sữa

Bánh mì

Trứng

Khi Nào Cần Sử Dụng HTML?

Hầu hết thời gian, bạn có thể sử dụng trình chỉnh sửa trực quan của WordPress. Tuy nhiên, đôi khi bạn sẽ cần đến HTML, ví dụ:

Khi định dạng bài viết bị lỗi và không thể sửa dễ dàng trong trình chỉnh sửa trực quan.

Khi muốn tạo widget tùy chỉnh, như một widget ‘Giới thiệu’ có chứa liên kết và ảnh.

Khi gửi bài viết khách (guest post) và cần cung cấp nội dung ở định dạng HTML.

Bạn Đã Sẵn Sàng Thử HTML Chưa?

Hãy thử một số thẻ HTML trên blog của bạn bằng cách mở một bài viết nháp và nhập một vài đoạn văn bản kèm theo các thẻ trên.

Hy vọng bài viết này giúp bạn cảm thấy tự tin hơn với HTML! Nếu có bất kỳ câu hỏi nào, hãy để lại bình luận bên dưới nhé!