Định dạng văn bản trong HTML là gì

Các thẻ HTML sau đây được sử dụng để định dạng giao diện của văn bản trên trang web của bạn. Điều này có thể làm nổi bật giao diện của trang web, tuy nhiên, quá nhiều sự đa dạng trong định dạng văn bản cũng có thể gây khó chịu

Tiêu đề - Có 6 cấp tiêu đề có sẵn, từ h1 cho tiêu đề lớn nhất và quan trọng nhất, xuống đến h6 cho tiêu đề nhỏ nhất. In đậm - Văn bản ở giữa các thẻ sẽ được in đậm và nổi bật so với văn bản xung quanh nó, giống như trong trình xử lý văn bản. Chữ nghiêng - Cũng hoạt động giống như một trình xử lý văn bản, chữ nghiêng hiển thị văn bản ở một góc nhỏ. Gạch chân - Một lần nữa, giống như gạch chân trong trình xử lý văn bản. Lưu ý rằng các liên kết html đã được gạch chân và không cần thêm thẻ. Gạch bỏ - Đặt một dòng thẳng qua chính giữa văn bản, gạch bỏ nó. Thường được sử dụng để chỉ ra rằng văn bản đã cũ và không còn phù hợp. Cũng hoạt động bằng cách sử dụng để thay thế. Văn bản được định dạng trước - ________0Bất kỳ văn bản nào giữa các thẻ 0, bao gồm dấu cách, dấu xuống dòng và dấu chấm câu, sẽ xuất hiện trong trình duyệt giống như trong trình soạn thảo văn bản (thông thường trình duyệt bỏ qua nhiều dấu cách) Mã nguồn - Văn bản được hiển thị ở phông chữ có độ rộng cố định, . Tôi đã sử dụng nó trên trang web này, cùng với các biểu định kiểu, để hiển thị tất cả các thẻ. Văn bản máy đánh chữ - Văn bản dường như đã được đánh máy bằng máy đánh chữ, ở phông chữ có độ rộng cố định. Trích dẫn khối - Xác định một trích dẫn dài và trích dẫn được hiển thị với lề cực rộng ở phía bên trái của trích dẫn khối. Nhỏ - Thay vì phải đặt kích thước phông chữ, bạn có thể sử dụng thẻ 5 để hiển thị văn bản nhỏ hơn một chút so với văn bản xung quanh nó. Hữu ích để hiển thị 'bản in đẹp'. Màu phông chữ - Thay đổi màu của một vài từ hoặc một phần văn bản. 6 dấu chấm hỏi đại diện cho mã màu hex, xem danh sách màu và mã này để biết một số mẫu. Cỡ chữ - Thay dấu ? . Một là nhỏ nhất và bảy là lớn nhất. Thay đổi kích thước phông chữ - Để thay đổi kích thước phông chữ ngay lập tức đối với kích thước phông chữ trước nó, thẻ này tăng hoặc giảm kích thước phông chữ theo số bạn chỉ định. Ví dụ. Một số Mặt Phông chữ Thay đổi Văn bản - Để hiển thị văn bản ở một phông chữ cụ thể, hãy sử dụng tên phông chữ như "Helvetica" hoặc "Arial" hoặc "Courier". Xin lưu ý rằng việc sử dụng một số phông chữ ưa thích từ máy tính của bạn có nghĩa là người xem trang đó cũng phải cài đặt phông chữ đó trên máy tính của họ, nếu không nó sẽ trông hoàn toàn khác đối với họ. Trung tâm - Một thẻ hữu ích, như đã nói, nó làm cho mọi thứ ở giữa các thẻ được căn giữa (ở giữa trang). Nhấn mạnh - Được sử dụng để nhấn mạnh văn bản, thường xuất hiện ở dạng in nghiêng, nhưng có thể thay đổi tùy theo trình duyệt của bạn. Strong Emphasis - Được sử dụng để nhấn mạnh văn bản hơn, thường được in đậm, nhưng có thể thay đổi tùy theo trình duyệt của bạn

(*) Lưu ý quan trọng

Các thẻ được đánh dấu bằng (*) sẽ vẫn hoạt động nhưng đã được thay thế bằng Cascading Style Sheets (CSS), hiện là cách được đề xuất để thay đổi phông chữ, màu sắc, khoảng cách, đường viền hoặc căn chỉnh của các thành phần HTML

Định dạng HTML là một quá trình mà chúng tôi tạo kiểu cho nội dung của mình để làm cho nội dung đó có nhiều thông tin và hấp dẫn hơn bằng cách sử dụng các loại thẻ định dạng HTML khác nhau. Có hơn 13 thẻ định dạng HTML được trình bày cho chúng tôi. Các thẻ định dạng HTML cho phép chúng ta tạo kiểu cho văn bản mà không cần sử dụng CSS

Phạm vi của Điều

  • Bài viết này giải thích định dạng HTML là gì với các ví dụ
  • Các loại thẻ định dạng HTML khác nhau được giải thích chi tiết bằng cú pháp và ví dụ

Định dạng HTML

Thông qua các thẻ định dạng văn bản trong HTML, chúng ta có thể làm cho nội dung của mình hấp dẫn hơn. Chúng tôi sử dụng các thẻ định dạng HTML để cho trình duyệt biết nội dung của chúng tôi sẽ được hiển thị như thế nào. Định dạng HTML cho phép chúng tôi tạo kiểu cho văn bản của mình theo nhiều cách khác nhau

Các thẻ định dạng văn bản trong HTML cho phép chúng ta tự do in nghiêng, gạch chân hoặc in đậm văn bản của chúng ta giống như trong MS word. Chúng ta cũng có thể viết các công thức toán học và hóa học bằng các thẻ định dạng văn bản HTML

Ví dụ: trong hình ảnh bên dưới, chúng tôi đã sử dụng các thẻ định dạng để hiển thị văn bản in đậm, in nghiêng, chỉ số trên và chỉ số dưới

Định dạng văn bản trong HTML là gì

Có nhiều loại thẻ định dạng có sẵn cho chúng tôi thông qua đó chúng tôi có thể viết văn bản theo các kiểu và định dạng khác nhau. Các loại thẻ định dạng khác nhau là

  1. thẻ in đậm
  2. thẻ in nghiêng
  3. thẻ gạch dưới
  4. đánh dấu thẻ
  5. đánh thẻ
  6. Thẻ đơn cách
  7. thẻ đăng ký
  8. thẻ chỉ số trên
  9. Xóa và Chèn thẻ
  10. Thẻ lớn và nhỏ

Chữ in đậm

Các văn bản in đậm được sử dụng để làm nổi bật các từ quan trọng. Chúng cũng được sử dụng để viết tiêu đề và tiêu đề trong bài viết. Trong HTML chúng ta có thẻ and để viết chữ đậm

thẻ - Nó không giữ bất kỳ tầm quan trọng nào khác ngoài việc làm đậm văn bản

thẻ-Khác với việc làm đậm văn bản, thẻ có tầm quan trọng về mặt ngữ nghĩa và nó được sử dụng để nhấn mạnh thêm và nhấn mạnh các từ quan trọng

và thẻ được sử dụng để viết bằng phông chữ đậm

và các thẻ là các phần tử không trống nên chúng phải có thẻ đóng

cú pháp

Text
Text

Trong ví dụ bên dưới, "Thẻ định dạng" được viết bằng thẻ in đậm để viết bằng phông chữ đậm và "Hữu ích" được viết bằng thẻ mạnh để nhấn mạnh từ "Hữu ích"

Thí dụ


  
    

Normal text = Formatting tags

Bold text = Formatting tags are very Helpful

đầu ra

Định dạng văn bản trong HTML là gì

Chữ nghiêng

Kiểu chữ nghiêng dùng để nhấn mạnh tên bài báo, truyện, thơ, v.v. Trong HTML, chúng ta có thể in nghiêng văn bản của mình bằng cách sử dụng và gắn thẻ

thẻ - Thẻ này chỉ được sử dụng để viết văn bản bằng phông chữ in nghiêng, nó không có bất kỳ ý nghĩa đặc biệt nào

tag - Nó được sử dụng để nhấn mạnh văn bản. Trình đọc màn hình gây thêm căng thẳng bằng lời nói khi đọc văn bản trong thẻ. thẻ đã được giới thiệu trong HTML5

và các thẻ được sử dụng để viết bằng phông chữ nghiêng

và các thẻ là các phần tử không trống do đó chúng phải có thẻ đóng

cú pháp

Trong ví dụ bên dưới, "Thẻ định dạng" được viết bằng thẻ và TỐT NHẤT. được viết bằng cách sử dụng thẻ để nhấn mạnh từ TỐT NHẤT

Thí dụ


  
    

Normal text = Formatting tags

Italic text = Formatting tags are BEST!

đầu ra

Định dạng văn bản trong HTML là gì

Văn bản được gạch chân

Thẻ gạch chân được sử dụng cho những từ quan trọng cần sự chú ý của người đọc hoặc có thể được sử dụng để gạch chân các tiêu đề hoặc tiêu đề phụ

Nó được sử dụng để gạch dưới một từ

thẻ là một phần tử không trống do đó nó phải có một thẻ đóng

cú pháp

"Thẻ định dạng" được gạch chân bằng cách sử dụng thẻ trong ví dụ bên dưới

Thí dụ


  
    

Normal text = Formatting tags

Underlined text = Formatting tags

đầu ra

Định dạng văn bản trong HTML là gì

Văn bản được đánh dấu

Thẻ này tương đối là một thẻ mới được giới thiệu trong HTML5. Nó được sử dụng để làm nổi bật một từ trong một câu. Thẻ đánh dấu làm nổi bật các từ bằng cách đặt chúng trên nền màu vàng. Nó được hỗ trợ bởi tất cả các trình duyệt chính

Thẻ đánh dấu được sử dụng để đánh dấu một từ

thẻ là một phần tử không trống do đó nó phải có một thẻ đóng

cú pháp

Ở đây "Thẻ định dạng" được đánh dấu bằng nền màu vàng bằng cách sử dụng thẻ

Thí dụ


  
    

Normal text = Formatting tags

Highlighted text = Formatting tags

đầu ra

Định dạng văn bản trong HTML là gì

Văn bản gạch ngang

Trong HTML4, thẻ được sử dụng để đặt một đường ngang qua các từ. Nó có thể được sử dụng trong các bài viết để chỉ ra rằng một số mục đã bị xóa hoặc cập nhật khỏi danh sách hoặc bài viết

Trong HTML5 thẻ được sử dụng để viết văn bản có gạch ngang. Nó được sử dụng khi một từ không còn phù hợp hoặc không cần thiết trong một bài viết. Chúng ta không nên sử dụng thẻ để đại diện cho văn bản đã xóa thẻ phải được sử dụng trong trường hợp đó

LƯU Ý- thẻ không được hỗ trợ trong HTML 5. Chúng ta có thể sử dụng hoặc thay thế

và thẻ được sử dụng để đặt một đường ngang qua một từ

và các thẻ là các phần tử không trống do đó chúng phải có thẻ đóng

cú pháp

Text
Text
Text

Trong ví dụ bên dưới, "Thẻ định dạng" được gạch bỏ bằng cách sử dụng thẻ

Thí dụ


  
    

Normal text = Formatting tags

Striked text = Formatting tags

đầu ra

Định dạng văn bản trong HTML là gì

Phông chữ đơn cách

Thẻ này được sử dụng để hiển thị văn bản vì nó sẽ hiển thị trên màn hình có chiều rộng cố định như máy in dòng, máy điện báo, v.v. Trình duyệt hiển thị văn bản được đính kèm trong các thẻ ở phông chữ đơn cách. Nó không còn được hỗ trợ trong HTML5. Thay vì thẻ, chúng ta có thể sử dụng


  
    

Normal text = Formatting tags

Bold text = Formatting tags are very Helpful

5

giải thích định dạng văn bản là gì?

Định dạng văn bản là một tính năng trong trình xử lý văn bản được sử dụng để thay đổi hình thức của văn bản, chẳng hạn như kích thước và màu sắc của văn bản . Hầu hết các ứng dụng hiển thị các tùy chọn định dạng này trong thanh công cụ trên cùng và làm theo các bước tương tự.

Tại sao định dạng văn bản HTML lại quan trọng?

Các phần tử định dạng được cung cấp trong HTML để đánh dấu các loại văn bản đặc biệt . Bạn nên biết rằng, vì hầu hết các thành phần này chỉ đóng góp vào việc thay đổi hình thức của văn bản được đánh dấu, nên việc sử dụng chúng không được khuyến khích.