Có nhiều cách để định dạng văn bản của bạn trong HTML để thu hút sự chú ý đến điều gì đó. Trong bài đăng này, chúng ta sẽ nói về cách định dạng văn bản của bạn trong HTML thành in đậm, in nghiêng hoặc gạch chân. Bạn sẽ nhanh chóng trở thành chuyên gia định dạng!
In đậm
Đặt văn bản thành in đậm trong HTML trước HTML5 liên quan đến văn bản bạn muốn in đậm bằng <b> các thẻ:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>This text is <b>bold</b></p> <script src="script.js"></script> </body> </html>
Khi Tiêu chuẩn HTML5 được phát hành, cách làm đậm văn bản được ưa chuộng đã thay đổi thành sử dụng <strong> các thẻ:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>This text is also <strong>bold</strong></p> <script src="script.js"></script> </body> </html>
Sự khác biệt duy nhất giữa <b> và <strong> các phần tử là ngữ nghĩa. Trình đọc màn hình sẽ thấy <strong> và sẽ nhấn mạnh văn bản một cách rõ ràng hơn khi nó đọc nó. <b> không cho phép điều đó.
Chữ nghiêng
Tương tự với in đậm , có hai tiêu chuẩn khác nhau mà chúng tôi biết để tạo văn bản in nghiêng. Trước tiêu chuẩn HTML5, văn bản in nghiêng được tạo bằng cách đóng gói nó trong <i> các thẻ.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>This text is in <i>italics</i></p> <script src="script.js"></script> </body> </html>
Khi HTML5 trở thành tiêu chuẩn, <i> tạo cách cho thẻ <em> có ngữ nghĩa hơn nhãn. “Em” là viết tắt của emphasis . <em> thẻ ra hiệu cho trình đọc màn hình cũng nhấn mạnh hơn vào văn bản để người dùng có thể phân biệt giữa văn bản bình thường và văn bản được nhấn mạnh.
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
Gạch chân
Văn bản có gạch chân trong HTML thường được sử dụng để chỉ ra các từ sai chính tả. Đừng sử dụng nó ở một nơi có thể bị nhầm lẫn với một siêu liên kết. Đánh dấu văn bản của bạn bằng <u> để đánh dấu nó để định dạng và sau đó sử dụng CSS để chỉ ra loại kiểu gạch chân bạn muốn.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<style>
p u {
text-decoration: underline red wavy;
}
</style>
</head>
<body>
<p>This is a <u>mispelled</u> word</p>
</body>
</html> Kết luận
Trong bài viết này, chúng tôi đã thảo luận về nhiều thẻ định dạng trong HTML. Trong trường hợp và , chúng tôi sử dụng chúng để áp dụng ngữ nghĩa cho các phần tử mà trên màn hình trông đậm và nghiêng. Trên trình đọc màn hình, những từ đó được nhấn mạnh. Với thẻ , chúng ta có thể sử dụng nó để gạch dưới văn bản. Có nhiều tùy chọn định dạng khác ngoài ba tùy chọn này.