Як створити жирний текст за допомогою HTML

Автор: John Pratt
Дата Створення: 13 Lang L: none (month-010) 2021
Дата Оновлення: 9 Травень 2024
Anonim
Создание html сайта в блокноте
Відеоролик: Создание html сайта в блокноте

Зміст

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

Кроки

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

  1. Використовуйте тег "strong". У HTML5 бажаний стандарт, "сильний" тег, рекомендується для важливих текстів. Він майже завжди відображається як жирний текст у браузерах.
    • Введіть потрібний текст жирним шрифтом між цими тегами: тут жирний текст.

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

    The

    . Дотримуйтесь цих інструкцій під час їх використання.
    • Тег h1, записаний як

      Ваш заголовок тут

      є найважливішим заголовком, як правило, найдовшим текстом на початку сторінки.
    • Тег h2

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

      для

      . Це допомагає HTML-сторінці зберегти форматування при перенесенні в інший формат.


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

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


  1. Зрозумійте, коли використовувати CSS, що є більш потужним та послідовним способом зміни стилю вашого веб-сайту. Ця мова ідеально підходить для визначення зовнішнього вигляду вашого веб-сайту, тоді як HTML визначає, що означає ваш веб-сайт. Добре використовувати HTML, щоб підкреслити важливий текст, але CSS надасть вам більше контролю над візуальним аспектом вашого жирного тексту.
    • Спробуйте відкрити одну й ту ж сторінку HTML у різних браузерах, і ви можете помітити деякі відмінності в дисплеї. CSS "повідомляє" браузеру, як саме показувати текст, змінений тегом, щоб мінімізувати зміни.
  2. Додати тег до вашого тексту. Якщо ви ще нічого не знаєте про CSS, використання "CSS inline" - хороший спосіб почати. Хоча ви можете міняти теги на кшталт

    або

    , інколи вам доведеться змінювати текст, який ще не знаходиться між тегами. У цьому випадку додайте текст тегами . Це самостійно не впливає, але це дає нам над чим працювати. Ось приклад, який ми будемо використовувати:
    • Я навчився робити цей текст жирним із вбудованим CSS.

  3. Додайте атрибут стилю. Атрибути HTML записуються безпосередньо в тег, у дужках <>. Функція стилю необхідна, щоб вставити CSS всередині тегу HTML, тому ми вставимо стиль = у тезі "span":
    • Я навчився робити цей текст жирним із вбудованим CSS.
    • Немає підстав додавати атрибут стилю, не вказуючи нічого. Ми просто вчимось одній справі.
  4. Додайте властивість 'font-weight'. Властивості CSS додаються як атрибути стилю. У нашому випадку ми будемо використовувати згадане властивість, яке визначає товщину шрифту. З його допомогою можна показати жирний, тонший текст або навіть нормальну товщину. Додайте "шрифт:" після знака =, як показано нижче:
    • Я навчився робити цей текст жирним із вбудованим CSS.
    • Знову ж таки, ми ще не закінчили процес.
    • Не забувайте цитати до і після шрифт:.
  5. Додати жирне значення. Єдине, що нам потрібно зробити, це встановити значення між шрифт: і останні цитати. Є деякі варіанти, які можна використовувати, але значення сміливий є найпростішим у використанні:
    • Я навчився робити цей текст жирним із вбудованим CSS.
  6. Експериментуйте з іншими значеннями. CSS надає безліч варіантів, крім HTML, тому не обмежуйтесь. Ось кілька варіантів значення "жирне":
    • Текст "Сміливіший" буде більш викритим, ніж аналогічний йому. Наприклад, якщо ви складете цілий абзац із "жирним шрифтом", а потім використаєте "жирніше" в окремому реченні в межах абзацу, він буде виділятися.
    • Параметр "Звичайний" збереже текст без жирного шрифту, навіть якщо він знаходиться між тегом, який робить його жирним.
    • Ви можете використовувати числове значення в межах від 100 до 900, щоб вказати товщину. 400 є нормальним, тоді як у жирному тексті використовується 700.

Поради

  • Використовуючи властивість шрифтової маси у CSS, використовуйте лише числові значення, кратні 100, оскільки числа між ними будуть округленими.
  • Вкладений або зовнішній аркуш CSS - це кращий спосіб зробити текст жирним, оскільки він дозволяє змінити весь документ повністю.
  • Кожен шрифт має лише кілька функцій. При використанні CSS формат, який використовується для шрифту, найближчий до запиту. Це означає, що іноді неможливо розрізнити напівжирний шрифт, наприклад.

Як почистити старі меблі

Morris Wright

Травень 2024

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

Як одягатися, як пастушка

Morris Wright

Травень 2024

Костюм-пастушок практичний і сучасний і поєднує в собі дотики жіночності з маскулінністю. Прочитайте цю статтю, щоб дізнатися, як оволодіти цим позачасовим виглядом! Метод 1 з 2: Основи Почніть з поте...

Рекомендується Вам