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.
Tóm Tắt
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ỗ .
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ạn đang đọc: Tổng Hợp Thẻ Định Dạng Font Chữ Và Văn Bản Trong HTML 5
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ữ
thẻgạchngangtronghtml :Tôsángchữviết. Kiểubiếnsố
D Xem thêm: Ngôn ngữ HTML – Lập Trình Từ Đầu ù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.
| 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
| 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
Source: https://final-blade.com
Category: Kiến thức Internet
