Мова розмітки HTML дозволяє виділити текст жирним без особливих проблем, причому навіть відразу декількома способами. Втім, буде краще, якщо ви витратите пару хвилин, вивчаючи базові правила каскадних таблиць стилів - CSS, і додасте їх в документ, щоб вже потім працювати саме там. Суть в тому, що куди простіше управляти зовнішнім виглядом веб-сторінки з CSS, в тому числі і тоді, коли щось потрібно виділити жирним.

кроки

Метод 1 з 2:

Створення жирного тексту за допомогою HTML

1. Використовуйте тег strong. У HTML5, таким чином, щоб виділяти текст краще саме так. У більшості випадків цей тег виділить текст жирним.

Помістіть текст, який потрібно виділити, всередині тегів: саме тут.

Зображення з назвою Create Bold Text With HTML Step 2

2. Використовуйте заголовки, якщо це доречно. Як правило, їх розміщують у верхніх частинах сторінки або на початку нового розділу. За замовчуванням, заголовки відображаються крупніше і жирніше звичайного тексту, хоча і тут не без тонкощів. Є шість рівнів заголовків, від 1 до 6:

-

. Follow these guidelines when using them:

Тема h1 пишеться так:

заголовок першого рівня

, і це найважливіший, найбільший заголовок сторінки.

Тема h2

- для другого за значимістю заголовка, ну і так далі аж до самого

заголовка h6, найдрібнішого з усіх

Використовувати заголовки потрібно акуратно, в міру, єдино для упорядкування контенту сторінки. Користувач повинен мати можливість побачити заголовок якомога швидше, щоб зрозуміти, під ним чи потрібний йому контент.

Створюючи підзаголовки, варто опускатися все на рівень за раз. Іншими словами, не треба ставити після

відразу

. Так форматування сторінки при конвертації в інший формат не зіб`є.

Зображення з назвою Create Bold Text With HTML Step 3

В крайньому випадку, використовуйте тег b. тег все ще підтримується в HTML5, але куди як краще. використовувати можна в тому випадку, коли текст виділяється в стилістичних, що не семантичних цілях - наприклад, для виділення ключових або словникових слів, назв товарів і так далі.

Як і більшість тегів, - парний, керуючий поміщеним усередину нього текстом.

Метод 2 з 2:

Створення жирного тексту за допомогою CSS

1. Запам`ятайте, коли варто використовувати CSS. CSS - дуже потужний і зручний інструмент редагування зовнішнього вигляду сторінки. Власне, CSS - це те, як сторінка «виглядає», тоді як HTML - то, що вона «значить». Звичайно, в тегах HTML немає нічого поганого, ними можна користуватися, але краще все ж працювати з CSS - ви отримаєте більше контролю над тим, як саме буде виглядати ваш текст.

Відкрийте просту HTML-сторінку в різних браузерах. Помітили, що вона відображається злегка по-різному в кожному? За допомогою CSS можна звести цю різницю до мінімуму.

Зображення з назвою Create Bold Text With HTML Step 5

2. Додайте до тексту тег .Якщо ви ще не володієте CSS, то почати варто з так званого "inline CSS" - «Вбудованих таблиць стилів», якщо завгодно. Цим, звичайно, можна користуватися, щоб міняти вид тегів на кшталт

або

, але часом так можна поміняти і такий текст, який ще не взято в які б то не було теги. Тег- це як би обгортка, яка сама по собі ніякого ефекту або впливу не робить, але дає нам можливість привнести потрібні зміни на сторінку. Ось приклад:

Я вчуся виділяти текст жирним за допомогою inline CSS.

Зображення з назвою Create Bold Text With HTML Step 6

3. Додайте атрибут style. Атрибути в HTML пишуться прямо в тезі, прямо в галочки <>. Атрибут style необхідний для вставки CSS-коду в HTML-тег, так що вставте style = в тег span:

Я вчуся виділяти текст жирним за допомогою inline CSS..

Навіщо додавати атрибут style, якщо не додавати сам стиль? мислите вірно. Але ми тут викладаємо все покроково!

Зображення з назвою Create Bold Text With HTML Step 7

4. Додайте властивість font-weight. Властивості CSS додаються як частина атрибута, в нашому випадку - як частина атрибута style, а саме «font-weight» (жирність шрифту, якщо буквально). Ця властивість може бути використано для завдання накреслення шрифту, причому не тільки жирного, а й екстра-жирного, тонкого або нормального. Після знака = напишіть "font-weight: ". Має вийти приблизно так:

Я вчуся виділяти текст жирним за допомогою inline CSS..

Поки зробіть паузу, нічого більше не пишіть (і так, ще не все).

Не забудьте поставити лапки до і після font-weight:.

Зображення з назвою Create Bold Text With HTML Step 8

5. Додайте значення bold. Що залишилось? Правильно, задати властивості атрибута значення! Куди його вставити? Правильно, між font-weight: і закриває лапками. У цієї властивості є кілька різновидів, що відрізняються жирністю накреслення, і найпростіше буде скористатися значенням bold:

Я вчуся виділяти текст жирним за допомогою inline CSS.

Зображення з назвою Create Bold Text With HTML Step 9

6. Експериментуйте з іншими значеннями. CSS дає куди більше можливостей, ніж HTML, так що не думайте, ніби ви зв`язані по руках і ногах. Ось кілька альтернатив значенням "bold":

"Bolder" - так текст завжди буде жирніше батьківського елемента, як би жирним той не був сам по собі. Якщо весь параграф виділено за допомогою "bold," то "bolder" допоможе виділити ще жирніше, скажімо, окрема пропозиція, що в середині його.

"Normal" - такий текст буде виглядати як зазвичай, навіть коли знаходиться всередині тега, що виділяє текст жирним.

Для завдання жирності тексту можна використовувати значення від 100 до 900. 400 - звичайне написання, жирне - від 700 і вище.

Поради

Використовуючи в CSS для завдання жирності цифрові значення, використовуйте ті, що кратні 100. Всі інші значення все одно будуть округлятися в більшу сторону.
Зовнішній CSS-файл, що і говорити, куди зручніше того, про що розповідається в цій статті - так можна буде з одного файлу управляти зовнішнім виглядом всіх сторінок сайту відразу!
Не можна зробити шрифт жирніше, ніж закладено в нього спочатку друкарями. Працюючи з CSS, пам`ятайте - шрифт буде змінюватися відповідно до стандарту. Відповідно, різниці між двома жирними варіантами шрифтів ви не побачите (точніше, можете і побачити - але це вже залежить від шрифту).