Щоб виділити окремі слова в реченні жирним накресленням в HTML, застосовується два елементи:
- <b> — просто робить текст жирним;
- <strong> — каже, що виділений текст є важливим і відображає текст жирним.
Зверніть увагу, що <strong> насамперед повідомляє про важливість виділеного тексту і за сумісництвом робить текст жирним. Тому для звичайного за важливістю, але жирного на вигляд тексту, слід використовувати <b> (приклад 1).
Приклад 1 Використання <b>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>b</title> </head> <body> <p><b>Мій руки</b> після роботи та перед їдою!</p> </body> </html>
Щоб додати жирне зображення довгому тексту, на кшталт заголовків, зручніше використовувати стилі, зокрема, властивість font-weight. Досить вказати bold (приклад 2).
Приклад 2. Використання font-weight
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>font-weight</title> <style> .bold { font-weight: bold; }
</style>
</head>
<body> <p class="bold">Мій руки після роботи та перед їжею!</p>
</body>
</html>