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ợ

Những thẻ định dạng trong html hay sử dụng nên hầu hết các trình duyệt đều hỗ trợ.

thẻ định dạng font chữ

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

Cách sử dụng: <tag thuoctinh=”giatri”>.

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.

• <i>thẻ in nghiêng chữ trong html</i>
• <b>thẻ tô đậm chữ viết</b>
• <u>thẻ gạch chân trong html</u>

Chắc các bạn đã sử dụng những thẻ này thường xuyên đú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ụ

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

Xem kết quả:

Những thẻ định dạng kích thước chữ trong html

• <big>Kiểu chữ lớn</big>
• <small>Kiểu chữ nhỏ</small>
• <strong>Hiển thị hình ảnh mạnh, mục đích đánh dấu chữ</strong>
• <code> Định dạng cho một đoạn mã nào đó.</code>
• <hr>Thước kẻ ngang trên tài liệu.
• <mark>: Tô sáng chữ viết.
• <var>Kiểu biến số</var>

Mẫu ví dụ

<big>Kiểu chữ lớn</big>
<small>Kiểu chữ nhỏ</small>
<strong>Hiển thị hình ảnh mạnh, mục đích đánh dấu chữ</strong>
<code> Định dạng cho một đoạn mã nào đó.</code>
<hr>thẻ gạch ngang trong html
<mark>: Tô sáng chữ viết.
<var>Kiểu biến số</var>
<em>Dùng để nhấn mạnh văn bản</em>

Xem kết quả:

Những thẻ định dạng kích thước trong html mang tính chất tương đối. Lời khuyên của mình thì các 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

<cite>Dùng cho văn bản trích dẫn</cite>

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ẻ <quote> và tên tác giả trích dẫn là <cite>. Các bạn sẽ hiểu hơn về thẻ trích dẫn trong html qua ví dụ ở dưới.

<quote>
 <p>Niềm vui của tôi là giúp bạn học html căn bản thật tốt</p>
  <cite>- Alan Tiến</cite>
</quote>

Xem kết quả:

Điều đáng lưu ý là các bạn hạn chế sử dụng <cite> như một thẻ html bình thường. Nên đặt nó trong cặp thẻ <quote></quote> để trình duyệt hiểu hơn ý đồ của bạn. Mặc định nội dung trong thẻ <cite> sẽ được in nghiêng nhé. Còn với <quote> 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 có thể xem ví dụ để hiểu hơn về chúng.

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

<pre>định dạng sẵn</pre>
<tt>Kiểu chữ văn bản máy</tt>
<dfn>Dùng cho thuật ngữ</dfn>
<samp>Kiểu sample trong máy tính</samp>
<kbd>Kiểu bàn phím</kbd>

Xem kết quả

định dạng sẵn

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.