Зміст
HTML дозволяє легко зробити текст жирним, і є багато тегів, які можна використовувати, якщо потрібно більше варіантів. Ще краще, вивчіть деякі CSS та додайте їх безпосередньо до свого документа HTML. Це швидше, ніж додавання аркуша стилю CSS і дозволить вам контролювати, яку товщину ви хочете у своєму жирному тексті.
Кроки
Спосіб 1 із 2: Створення жирного тексту за допомогою HTML
- Використовуйте тег "strong". У HTML5 бажаний стандарт, "сильний" тег, рекомендується для важливих текстів. Він майже завжди відображається як жирний текст у браузерах.
- Введіть потрібний текст жирним шрифтом між цими тегами: тут жирний текст.
-
Використовуйте теги заголовків, коли це доречно. Вони розміщуються вгорі веб-сайту або на початку нового розділу. Заголовки зазвичай відображаються великими, жирними шрифтами, але це може змінюватися. Існує шість різних тегів для назвThe
. Дотримуйтесь цих інструкцій під час їх використання.
- Тег h1, записаний як
Ваш заголовок тут
є найважливішим заголовком, як правило, найдовшим текстом на початку сторінки. Тег h2
є для другого за важливістю заголовком тощо, навіть тегомh6, найнижчий
.- Використовуйте їх економно, просто для впорядкування вашої сторінки. Користувачі повинні мати можливість швидко прокручувати заголовки та знаходити те, що шукають.
- Створюючи субтитри, зменшуйте по черзі один рівень. Іншими словами, не стрибайте з
для
. Це допомагає HTML-сторінці зберегти форматування при перенесенні в інший формат.
- Тег h1, записаний як
-
Використовуйте тег "b" в крайньому випадку.. Тег все ще підтримується в HTML5, але він є найбільш бажаним у більшості випадків. Використовуйте тег лише тоді, коли жирний текст використовується із стильових міркувань, а не для наголосу. Приклади включають ключові слова чи словниковий запас у тексті або назви продуктів для аналізу.- Як і більшість тегів, введіть текст між початком і кінцем тегу.
Метод 2 з 2: Створення жирного тексту за допомогою вбудованого CSS
-
Зрозумійте, коли використовувати CSS, що є більш потужним та послідовним способом зміни стилю вашого веб-сайту. Ця мова ідеально підходить для визначення зовнішнього вигляду вашого веб-сайту, тоді як HTML визначає, що означає ваш веб-сайт. Добре використовувати HTML, щоб підкреслити важливий текст, але CSS надасть вам більше контролю над візуальним аспектом вашого жирного тексту.- Спробуйте відкрити одну й ту ж сторінку HTML у різних браузерах, і ви можете помітити деякі відмінності в дисплеї. CSS "повідомляє" браузеру, як саме показувати текст, змінений тегом, щоб мінімізувати зміни.
- Додати тег до вашого тексту. Якщо ви ще нічого не знаєте про CSS, використання "CSS inline" - хороший спосіб почати. Хоча ви можете міняти теги на кшталт
або
, інколи вам доведеться змінювати текст, який ще не знаходиться між тегами. У цьому випадку додайте текст тегами . Це самостійно не впливає, але це дає нам над чим працювати. Ось приклад, який ми будемо використовувати:
- Я навчився робити цей текст жирним із вбудованим CSS.
- Додайте атрибут стилю. Атрибути HTML записуються безпосередньо в тег, у дужках <>. Функція стилю необхідна, щоб вставити CSS всередині тегу HTML, тому ми вставимо стиль = у тезі "span":
- Я навчився робити цей текст жирним із вбудованим CSS.
- Немає підстав додавати атрибут стилю, не вказуючи нічого. Ми просто вчимось одній справі.
- Додайте властивість 'font-weight'. Властивості CSS додаються як атрибути стилю. У нашому випадку ми будемо використовувати згадане властивість, яке визначає товщину шрифту. З його допомогою можна показати жирний, тонший текст або навіть нормальну товщину. Додайте "шрифт:" після знака =, як показано нижче:
- Я навчився робити цей текст жирним із вбудованим CSS.
- Знову ж таки, ми ще не закінчили процес.
- Не забувайте цитати до і після шрифт:.
- Додати жирне значення. Єдине, що нам потрібно зробити, це встановити значення між шрифт: і останні цитати. Є деякі варіанти, які можна використовувати, але значення сміливий є найпростішим у використанні:
- Я навчився робити цей текст жирним із вбудованим CSS.
- Експериментуйте з іншими значеннями. CSS надає безліч варіантів, крім HTML, тому не обмежуйтесь. Ось кілька варіантів значення "жирне":
- Текст "Сміливіший" буде більш викритим, ніж аналогічний йому. Наприклад, якщо ви складете цілий абзац із "жирним шрифтом", а потім використаєте "жирніше" в окремому реченні в межах абзацу, він буде виділятися.
- Параметр "Звичайний" збереже текст без жирного шрифту, навіть якщо він знаходиться між тегом, який робить його жирним.
- Ви можете використовувати числове значення в межах від 100 до 900, щоб вказати товщину. 400 є нормальним, тоді як у жирному тексті використовується 700.
Поради
- Використовуючи властивість шрифтової маси у CSS, використовуйте лише числові значення, кратні 100, оскільки числа між ними будуть округленими.
- Вкладений або зовнішній аркуш CSS - це кращий спосіб зробити текст жирним, оскільки він дозволяє змінити весь документ повністю.
- Кожен шрифт має лише кілька функцій. При використанні CSS формат, який використовується для шрифту, найближчий до запиту. Це означає, що іноді неможливо розрізнити напівжирний шрифт, наприклад.