Đánh dấu HTML: Đánh dấu văn bản bằng chữ in đậm, in nghiêng và màu sắc

Xin chào các bạn, những người thích khám phá những điều mới mẻ và bổ sung kho tàng kiến ​​​​thức của mình bằng những thông tin mới! Sau khi đọc bài viết, bạn sẽ học cách tạo văn bản in đậm trong html, những loại kiểu khác tồn tại và những yếu tố nào chịu trách nhiệm cho việc này. Kết quả là trang web của bạn sẽ có thể tự hào về văn bản có thể đọc được với các điểm chính được đánh dấu chính xác.

Trong các bài viết trước, tôi đã nói rất nhiều về các thuộc tính và thẻ của ngôn ngữ web, về các phương pháp thiết kế hình thức và diện mạo, nhưng tôi chưa bao giờ đề cập đến một đối tượng nào đó mà không một trang web nào có thể tồn tại mà không có nó. Đây là văn bản.

Và không chỉ là một tập hợp các chữ cái liên tục mà còn được chia thành các đoạn văn một cách thông minh, làm nổi bật các từ khóa, trích dẫn, liên kết, v.v. Với mục đích này, các ngôn ngữ CSS cung cấp các công cụ tạo kiểu đặc biệt. Bắt đầu nào!

Tùy chọn kiểu trong html

Phông chữ của nội dung văn bản luôn có thể được sửa đổi. Ví dụ: bạn có thể đặt nó ở chế độ in đậm hoặc in nghiêng và bạn cũng có thể trang trí nó. Đối với điều này, có những thẻ đơn giản rất dễ nhớ và sau đó áp dụng. Dưới đây là bảng các yếu tố giải thích mục đích của chúng.

Đầu tiên, chúng ta hãy xem xét các yếu tố văn bản in đậm.

Để tăng độ dày của chữ, có các thẻ ghép nối như và . Việc sử dụng các công cụ này có vẻ giống nhau vì chúng định dạng văn bản in đậm. Tuy nhiên, mục đích của họ là khác nhau. Vì vậy, chúng không thể được gọi là tương đương và chỉ một trong số chúng không thể được sử dụng.

Như vậy, thẻ được tạo với điều kiện phải thay đổi phông chữ chuẩn thành phông chữ phong phú và dày dặn. Nó đề cập đến hình thức vật lý của dàn ý và không mang bất kỳ tải ngữ nghĩa nào. Vì vậy, hãy nói rằng đây chỉ là một loại màn hình thử nghiệm.

A nhằm mục đích tập trung sự chú ý vào một điểm quan trọng. Đây là yếu tố logic sẽ nổi bật qua ngữ điệu trong cuộc trò chuyện.

Bây giờ chúng ta hãy xem các thẻ như Và .

Họ định dạng phông chữ tiêu chuẩn thành chữ nghiêng. Tôi nghĩ bạn sẽ hỏi một câu hỏi phát sinh một cách hợp lý: “Các phần tử này cũng khác nhau dựa trên nguyên tắc thẻ và ?” Câu hỏi là đúng. Và bạn đã đúng!

Thật vậy, một đơn vị ngôn ngữ đánh dấu được thiết kế để nhấn mạnh những điểm và chi tiết quan trọng, đồng thời chỉ là một biến thể của sự xuất hiện của nội dung.

Công cụ sửa đổi phông chữ trong css

CSS cũng không kém xa và cung cấp cho các nhà phát triển những công cụ tương tự để chỉnh sửa văn bản. Đây là các thuộc tính như trang trí văn bản và phông chữ.

– đây là một tham số phổ quát bổ sung cho phông chữ một số chi tiết nhất định. Như vậy, văn bản có thể bị “ép buộc” nhấp nháy (blink), gạch chân (gạch chân) hoặc gạch ngang (line-through), gạch ngang trên chữ (overline), kế thừa đặc điểm của đối tượng cha (inherit) hoặc xóa định dạng phông chữ của tất cả các bổ sung (không có).

Cơ chế thường được sử dụng thứ hai để chỉnh sửa nội dung văn bản là thuộc tính phông chữ. Với sự trợ giúp của nó, bạn có thể thay đổi kiểu phông chữ (kiểu phông chữ), kích thước của nó (cỡ chữ), đặt chữ hoa, tức là. cho biết loại chữ cái viết thường (biến thể phông chữ), cũng như “chơi” với kiểu (độ dày phông chữ).

Và đây là một ví dụ

Có tính đến tất cả thông tin mà tôi đã chia sẻ ở trên, chúng tôi sẽ cố gắng tạo một mã ví dụ trong đó chúng tôi tận dụng tối đa kiến ​​​​thức thu được (tôi nhắc bạn rằng mã có thể được nhập vào ).