Bài 7: Định dạng văn bản trong HTML – HTML Text Formatting

Bài 7: Định dạng văn bản trong HTML

HTML cung cấp một số thẻ đặc biệt để sử lý văn bản. Ngoài việc hiển thị văn bản trong HTML theo cách thông thường, bạn có thể làm cho văn bản trên website trông nổi bật hơn.

Bài 7: Định dạng văn bản trong HTML - HTML Text Formatting
Bài 7: Định dạng văn bản trong HTML – HTML Text Formatting

Ví dụ: bạn có thể sử dụng thẻ <b>để làm đậm văn bản, gắn thẻ <i>để làm cho văn bản in nghiêng. Thẻ <mark>để làm nổi bật văn bản, thẻ <code>để hiển thị một đoạn mã. Thẻ <ins>và <del>để đánh dấu chèn và xóa biên tập, v.v.

Lưu Ý: Bạn hãy học bài 6 nói về Liên kết trong HTML trước nhé.

Ví dụ định dạng văn bản trong HTML

Ví dụ sau đây cho thấy các thẻ định dạng văn bản trong HTML được sử dụng phổ biến nhất. Bạn hãy thử nghiệm đoạn code bên dưới để xem cách các thẻ hoạt động.

Theo mặc định, thẻ <strong>thường được hiển thị trong trình duyệt dưới dạng <b>. Trong khi <em>được hiển thị là <i>. Tuy nhiên, có một sự khác biệt trong ý nghĩa của các thẻ này.

Sự khác biệt giữa thẻ <strong> và <b>

Cả hai thẻ <strong>và <b> hiển thị văn bản trong html kèm theo theo kiểu chữ in đậm theo mặc định. Nhưng thẻ <strong>cho biết nội dung của nó có tầm quan trọng mạnh mẽ hơn. Và thẻ <b> chỉ đơn giản được sử dụng để thu hút sự chú ý của người đọc mà không truyền đạt bất kỳ tầm quan trọng đặc biệt nào.

Sự khác biệt giữa thẻ <em> và <i>

Tương tự, cả hai thẻ <em>và <i> đều hiển thị văn bản đính kèm theo kiểu in nghiêng theo mặc định. Nhưng thẻ <em> cho biết nội dung của nó có trọng tâm nhấn mạnh so với văn bản xung quanh. Trong khi thẻ <i> được sử dụng để đánh dấu văn bản trong html từ văn bản bình thường vì lý do dễ đọc. Chẳng hạn như một thuật ngữ kỹ thuật, một cụm từ thành ngữ từ một ngôn ngữ khác, một ý nghĩ, v.v.

Lưu ý: Sử dụng các thẻ <em><strong> khi nội dung trang của bạn yêu cầu các từ hoặc cụm từ nhất định phải có sự nhấn mạnh. Ngoài ra, trong HTML5 thẻ <b><i> là các thẻ đã được xác định lại, trước đó chúng không có ý nghĩa ngữ nghĩa.

Định dạng văn bản trong HTML

Bạn có thể dễ dàng định dạng các khối trích dẫn từ các nguồn khác bằng thẻ <blockquote> trong HTML .

Blockquote thường được hiển thị với lề trái và phải thụt lề, cùng với một ít không gian thêm vào bên trên và bên dưới. Hãy thử một ví dụ để xem nó hoạt động như thế nào:

Mẹo: Các thẻ cite được sử dụng để mô tả một tham chiếu đến một công việc sáng tạo. Nó phải bao gồm tiêu đề của tác phẩm đó hoặc tên của tác giả (người hoặc tổ chức) hoặc tham chiếu URL.

Đối với trích dẫn nội tuyến ngắn, bạn có thể sử dụng thẻ <q> để sử lý văn bản trong HTML. Hầu hết các trình duyệt hiển thị dấu ngoặc kép bằng cách bao quanh văn bản trong dấu ngoặc kép. Đây là một ví dụ:

Hiển thị từ viết tắt

Viết tắt là một dạng rút gọn của một từ, cụm từ hoặc tên. Bạn có thể sử dụng thẻ <abbr>để biểu thị một từ viết tắt. Sau khi triển khai đoạn code bên dưới, bạn hãy đưa con trỏ chuột vào các tiêu đề viết tắt. Bạn sẽ thấy nội dung hiển thị lên.

Đánh dấu địa chỉ liên lạc

Các trang web thường bao gồm các địa chỉ đường phố hoặc mã bưu chính. HTML cung cấp một thẻ đặc biệt <address>để thể hiện thông tin liên hệ (vật lý và / hoặc kỹ thuật số) cho một người, mọi người hoặc tổ chức.

Thẻ này nên được sử dụng lý tưởng để hiển thị thông tin liên hệ liên quan. Đây là cách sử lý văn bản trong html rất tuyệt vời. Hầu hết các trình duyệt hiển thị một khối địa chỉ in nghiêng. Đây là một ví dụ:

Kết Thúc

Bài viết này sẽ hướng dẫn cho các bạn cách sử lý văn bản trong HTML. Chúng tôi hy vọng bạn sẽ dễ dàng làm quen và tiến sâu hơn với các thẻ trong HTML. Bạn hãy luyệt tập thật nhiều để không bao giờ quên các thẻ này.

Có thể bạn chưa xem

Leave a Reply

avatar
  Subscribe  
Notify of