Tổng Hợp Thẻ Định Dạng Font Chữ Và Văn Bản Trong HTML 5

Trong bài này mình sẽ tổng hợp các thẻ định dạng font chữ và văn bản trong html. Đây là những thẻ được sử dụng thường xuyên trong thiết kế website. Nội dung bài này chỉ mang tính giới thiệu các thẻ html như gạch chân, in nghiêng… Các bạn có thể tự chỉnh sửa kiểu chữ, đổi màu chữ trong html trong các bài tiếp theo.

Những trình duyệt hổ trợ

HTML Tag
Tag font Yes Yes Yes Yes Yes

Những thẻ định dạng trong html hay sử dụng nên hầu hết những trình duyệt đều tương hỗ .
the-dinh-dang-font

Các thuộc tính trong thẻ định dạng

Cách sử dụng: .

Thuộc tính Giá trị Ví dụ Mô tả
class Tên class class=”section” Tên class để kết nối với css
dir rtl
ltr
dir=”rtl” Xác định hướng văn bản cho các nội dung trong một thành phần.
id Tên id id=”layout” Xác định tên id cho thẻ, mỗi thẻ chỉ có một id duy nhất trong một văn bản HTML
lang Mã ngôn ngữ lang=”vi” Xác định mã ngôn ngữ cho nội dung trong một thành phần.
style Kiểu định dạng style=”color: red” Xác định một định dạng cho một thành phần.
title Text title=”Đây là title” Xác định thêm thông tin cho thành phần.
xml:lang Mã ngôn ngữ lang=”vi” Xác định mã ngôn ngữ cho nội dung trong một thành phần, trong văn bản XHTML.

Các thẻ định dạng font chữ và văn bản hay dùng trong html

Mình sẽ giới thiệu cho các bạn những thẻ định dạng font html hay sử dụng nhất. Những thẻ còn lại mình sẽ hướng dẫn sơ qua vì cách sử dụng là như nhau. Những thẻ định dạng font chữ này các bạn rất thân thuộc và sử dụng hằng ngày.

Bộ 3 định dạng hay gặp nhất.

  • thẻ in nghiêng chữ trong html
  • thẻ tô đậm chữ viết
  • thẻ gạch chân trong html

Chắc những bạn đã sử dụng những thẻ này tiếp tục đúng không nào ! Chúng ta gặp chúng trong nhiều chương trình soạn thảo như : ms word, yahoo, email …

Ví dụ

123

Đâylàvídụkiểuchữinnghiêng

Vídựvềkiểuchữđậm

thẻgạchchântronghtml

Xem kết quả:

Đây là ví dụ kiểu chữ in nghiêng
Ví dự về kiểu chữ đậm
thẻ gạch chân trong html

Những thẻ định dạng size chữ trong html

  • Kiểu chữ lớn
  • Kiểu chữ nhỏ
  • Hiển thị hình ảnh mạnh, mục đích đánh dấu chữ
  •  Định dạng cho một đoạn mã nào đó.

  • Thước kẻ ngang trên tài liệu.

  • : Tô sáng chữ viết.
  • Kiểu biến số

Mẫu ví dụ

12345678

Kiểuchữlớn

Kiểuchữnhỏ

Hiểnthịhìnhảnhmạnh,mụcđíchđánhdấuchữ

Địnhdạngchomộtđoạnmãnàođó.


thẻgạchngangtronghtml

:Tôsángchữviết.

Kiểubiếnsố

D

ùngđểnhấnmạnhvănbản

Xem kết quả:

Kiểu chữ lớn
Kiểu chữ nhỏ
Hiển thị hình ảnh mạnh, mục đích đánh dấu chữ
Định dạng cho một đoạn mã nào đó.

Ở trên là một thẻ gạch ngang trong html được khai báo bằng thẻ 


Tô sáng chữ viết.
Kiểu biến số
Dùng để nhấn mạnh văn bản

Những thẻ định dạng size trong html mang đặc thù tương đối. Lời khuyên của mình thì những bạn nên định dạng css là tốt nhất .

Cách sử dụng thẻ trích dẫn trong html

Dùng cho văn bản trích dẫn

Thẻ trích dẫn là một thẻ mà bạn thường xuyên gặp trong các bài báo, phóng sự…Ý nghĩa của nó là định dạng cho một câu nói như một câu trích dẫn. Và nó có thể định dạng được tên người trích dẫn một cách chuyên nghiệp. Thông thường thẻ trích dẫn sẽ nằm trong thẻ và tên tác giả trích dẫn là . Các bạn sẽ hiểu hơn về thẻ trích dẫn trong html qua ví dụ ở dưới.

ví dụ về thẻ trích dẫn

1234

Niềmvuicủatôilàgiúpbạnhọchtmlcănbảnthậttốt

-AlanTiến

Xem hiệu quả :
Niềm vui của tôi là giúp bạn học html cơ bản thật tốt
– Alan Tiến

Điều đáng lưu ý là các bạn hạn chế sử dụng như một thẻ html bình thường. Nên đặt nó trong cặp thẻ để trình duyệt hiểu hơn ý đồ của bạn. Mặc định nội dung trong thẻ sẽ được in nghiêng nhé. Còn với các bạn có thể tùy chỉnh thêm css cho nó đẹp mắt hơn.

Một số thẻ định dạng font ít sử dụng trong html

Dưới đây là những thẻ định dạng rất ích khi được sử dụng hoặc không được hổ trợ. Các bạn hoàn toàn có thể xem ví dụ để hiểu hơn về chúng .

  • định dạng sẵn
  • Kiểu chữ văn bản máy
  • Dùng cho thuật ngữ
  • Kiểu sample trong máy tính
  • Kiểu bàn phím

ví dụ về thẻ định dạng

12345

địnhdạngsẵn

Kiểuchữvănbảnmáy

Dùngchothuậtngữ

Kiểusampletrongmáytính

Kiểubànphím

Xem hiệu quả

1

địnhdạngsẵn

Kiểu chữ văn bản máy
Dùng cho thuật ngữ
Kiểu sample trong máy tính
Kiểu bàn phím

Lời kết

Có vẻ như khá nhiều kiến thức về thẻ định dạng font chữ trong html rồi đúng không? Những thẻ định dạng font chữ cho văn bản rất quan trọng. Nó sẽ đi theo bạn trong suốt quá trình thiết kế website sau này. Hãy thuộc và áp dụng thật hoàn hảo nhé. Chúc các bạn thành công.

Thẻ định dạng font chữ và văn bản trong html 5

5 (100%) 3 votes