Cách tạo văn bản in đậm bằng HTML

Tác Giả: John Pratt
Ngày Sáng TạO: 13 Lang L: none (month-010) 2021
CậP NhậT Ngày Tháng: 9 Có Thể 2024
Anonim
Cách tạo văn bản in đậm bằng HTML - LờI Khuyên
Cách tạo văn bản in đậm bằng HTML - LờI Khuyên

NộI Dung

HTML giúp dễ dàng in đậm văn bản và có nhiều thẻ có thể được sử dụng nếu bạn muốn có thêm tùy chọn. Tốt hơn, hãy tìm hiểu một số CSS và thêm nó trực tiếp vào tài liệu HTML của bạn. Điều này nhanh hơn việc thêm một biểu định kiểu CSS và sẽ cho phép bạn kiểm soát độ dày bạn muốn trong văn bản in đậm của mình.

Các bước

Phương pháp 1/2: Tạo văn bản in đậm bằng HTML

  1. Sử dụng thẻ 'strong'. Trong HTML5, tiêu chuẩn ưu tiên, thẻ 'strong', được khuyến nghị cho các văn bản quan trọng. Nó hầu như luôn được hiển thị dưới dạng văn bản in đậm trong các trình duyệt.
    • Nhập văn bản bạn muốn in đậm giữa các thẻ này: văn bản in đậm ở đây.

  2. Sử dụng thẻ tiêu đề khi thích hợp. Chúng được đặt ở đầu trang web hoặc ở đầu phần mới. Tiêu đề thường được hiển thị bằng phông chữ đậm và lớn hơn, nhưng điều này có thể khác nhau. Có sáu thẻ khác nhau cho tiêu đề, từ

    Các

    . Thực hiện theo các hướng dẫn sau khi sử dụng chúng.
    • Thẻ h1, được viết là

      Tiêu đề của bạn ở đây

      là tiêu đề quan trọng nhất, thường là văn bản dài nhất ở đầu trang.
    • Thẻ h2

      dành cho tiêu đề quan trọng thứ hai, v.v., ngay cả thẻ
      h6, thấp nhất
      .
    • Sử dụng chúng một cách tiết kiệm, chỉ để sắp xếp trang của bạn. Người dùng có thể nhanh chóng cuộn qua các tiêu đề và tìm thấy những gì họ đang tìm kiếm.
    • Khi tạo phụ đề, hãy giảm từng cấp độ một. Nói cách khác, đừng nhảy từ

      cho

      . Điều này giúp trang HTML giữ nguyên định dạng khi chuyển sang định dạng khác.


  3. Sử dụng thẻ ‘b’ như một phương sách cuối cùng.. Tag vẫn được hỗ trợ trong HTML5, nhưng nó là tốt nhất trong hầu hết các trường hợp. Sử dụng thẻ chỉ khi văn bản in đậm được sử dụng vì lý do phong cách, không phải để nhấn mạnh. Ví dụ bao gồm từ khóa hoặc từ vựng trong văn bản hoặc tên sản phẩm để phân tích.
    • Giống như hầu hết các thẻ, nhập văn bản giữa phần đầu và phần cuối của thẻ.

Phương pháp 2/2: Tạo văn bản in đậm với CSS nội tuyến


  1. Hiểu khi nào nên sử dụng CSS, đây là một cách mạnh mẽ và nhất quán hơn để thay đổi phong cách trang web của bạn. Ngôn ngữ này lý tưởng để xác định diện mạo trang web của bạn, trong khi HTML xác định ý nghĩa trang web của bạn. Bạn có thể sử dụng HTML để nhấn mạnh văn bản quan trọng, nhưng CSS sẽ cung cấp cho bạn nhiều quyền kiểm soát hơn đối với khía cạnh trực quan của văn bản in đậm của bạn.
    • Cố gắng mở cùng một trang HTML trong các trình duyệt khác nhau và bạn có thể nhận thấy một số khác biệt về hiển thị. CSS "cho" trình duyệt biết chính xác cách hiển thị văn bản được thay đổi bởi một thẻ, để giảm thiểu sự biến đổi.
  2. Thêm một đánh dấu vào văn bản của bạn. Nếu bạn chưa biết gì về CSS, sử dụng “CSS nội tuyến” là một cách tốt để bắt đầu. Mặc dù bạn có thể thay đổi các thẻ như

    hoặc là

    , đôi khi bạn sẽ phải sửa đổi văn bản chưa có giữa các thẻ. Trong trường hợp này, hãy đặt văn bản trong thẻ . Bản thân nó không có tác dụng gì, nhưng nó mang lại cho chúng ta điều gì đó để làm việc. Đây là ví dụ chúng tôi sẽ sử dụng:
    • Tôi đã học cách làm đậm văn bản này bằng CSS nội tuyến.

  3. Thêm thuộc tính style. Thuộc tính HTML được viết trực tiếp trong thẻ, trong dấu ngoặc nhọn <>. Tính năng kiểu cần thiết để chèn CSS bên trong thẻ HTML, vì vậy chúng tôi sẽ chèn phong cách = trong thẻ span:
    • Tôi đã học cách làm đậm văn bản này bằng CSS nội tuyến.
    • Không có lý do gì để thêm thuộc tính style mà không chỉ định bất cứ điều gì. Chúng tôi chỉ đang học một điều tại một thời điểm.
  4. Thêm thuộc tính 'font-weight'. Thuộc tính CSS được thêm vào dưới dạng thuộc tính kiểu. Trong trường hợp của chúng tôi, chúng tôi sẽ sử dụng thuộc tính được đề cập, xác định độ dày phông chữ. Nó có thể được sử dụng để hiển thị văn bản đậm, mỏng hơn hoặc thậm chí là độ dày bình thường. Thêm vào "font-weight:" sau dấu =, như hình dưới đây:
    • Tôi đã học cách làm đậm văn bản này bằng CSS nội tuyến.
    • Một lần nữa, chúng tôi vẫn chưa kết thúc quá trình.
    • Đừng quên những câu trích dẫn trước và sau font-weight:.
  5. Thêm giá trị in đậm. Điều duy nhất chúng ta cần làm là thiết lập một giá trị giữa font-weight: và những câu trích dẫn cuối cùng. Có một số tùy chọn có thể được sử dụng, nhưng giá trị Dũng cảm là cách dễ sử dụng nhất:
    • Tôi đã học cách làm đậm văn bản này bằng CSS nội tuyến.
  6. Thử nghiệm với các giá trị khác. CSS cung cấp cho bạn rất nhiều tùy chọn ngoài HTML, vì vậy đừng bị hạn chế. Dưới đây là một số lựa chọn thay thế cho giá trị "in đậm":
    • Văn bản "Bolder" sẽ được tiếp xúc nhiều hơn so với văn bản tương tự như anh ta. Ví dụ: nếu bạn tạo toàn bộ một đoạn văn bằng "bold" và sau đó sử dụng "bolder" trong một câu riêng lẻ trong đoạn văn, nó sẽ nổi bật.
    • Tùy chọn "Bình thường" sẽ giữ cho văn bản không được in đậm, ngay cả khi nó nằm giữa thẻ làm cho nó được in đậm.
    • Bạn có thể sử dụng giá trị số từ 100 đến 900 để chỉ định độ dày. 400 là bình thường trong khi văn bản in đậm sử dụng 700.

Lời khuyên

  • Khi sử dụng thuộc tính font-weight trong CSS, chỉ sử dụng các giá trị số là bội số của 100, vì các số giữa chúng sẽ được làm tròn.
  • Trang tính CSS bên ngoài hoặc được nhúng là cách tốt hơn để làm cho văn bản in đậm, vì nó cho phép thay đổi một tài liệu hoàn chỉnh cùng một lúc.
  • Mỗi phông chữ chỉ có một số tính năng có sẵn. Khi sử dụng CSS, định dạng được sử dụng cho phông chữ là gần nhất với yêu cầu. Điều này có nghĩa là đôi khi không thể phân biệt được độ đậm trong phông chữ chẳng hạn.

Cách Điều trị Uốn ván

Mike Robinson

Có Thể 2024

Uốn ván là một bệnh nhiễm trùng do vi khuẩn nghiêm trọng ảnh hưởng đến hệ thần kinh, thường dẫn đến các cơn co thắt cơ gây đau đớn, đặc biệt là ở cổ và hàm...

Trò chuyện với nhiều kiểu người khác nhau là một trải nghiệm độc đáo trên internet. Tương tác với người lạ từ bốn phương trời trong thời gian thực có một lượng adren...

Hãy ChắC ChắN Để ĐọC