Как создать полужирный текст с помощью HTML

Автор: John Pratt
Дата создания: 13 Lang L: none (month-010) 2021
Дата обновления: 9 Май 2024
Anonim
Уроки HTML, CSS  Как сделать жирным шрифт
Видео: Уроки HTML, CSS Как сделать жирным шрифт

Содержание

HTML позволяет легко выделить текст жирным шрифтом, и есть много тегов, которые можно использовать, если вам нужны дополнительные параметры. А еще лучше изучить CSS и добавить его прямо в свой HTML-документ. Это быстрее, чем добавление таблицы стилей CSS, и позволит вам контролировать желаемую толщину жирного текста.

меры

Метод 1 из 2: создание полужирного текста с помощью HTML

  1. Используйте «сильный» тег. В HTML5 для важных текстов рекомендуется предпочтительный стандарт - тег «strong». В браузерах он почти всегда отображается жирным шрифтом.
    • Введите текст, который вы хотите выделить жирным шрифтом между этими тегами: жирный текст здесь.

  2. При необходимости используйте теги заголовков. Они размещаются в верхней части сайта или в начале нового раздела. Заголовки обычно отображаются крупным жирным шрифтом, но это может отличаться. Есть шесть различных тегов для заголовков, от

    , Следуйте этим инструкциям при их использовании.
    • Тег h1, записанный как

      Ваш титул здесь

      - самый важный заголовок, обычно самый длинный текст в начале страницы.
    • Тег h2

      для второго по важности заголовка и т. д., даже тег
      h6, самый низкий
      .
    • Используйте их экономно, просто чтобы упорядочить свою страницу. Пользователи должны иметь возможность быстро прокручивать заголовки и находить то, что они ищут.
    • При создании субтитров уменьшайте по одному уровню за раз. Другими словами, не прыгайте с

      для

      , Это помогает HTML-странице сохранять форматирование при передаче в другой формат.


  3. Используйте тег «b» в крайнем случае., Тег все еще поддерживается в HTML5, но в большинстве случаев это наиболее предпочтительно. Используйте тег только если полужирный текст используется по стилю, а не для акцента. Примеры включают ключевые слова или словарный запас в тексте или названия продуктов для анализа.
    • Как и большинство тегов, введите текст между началом и концом тега.

Метод 2 из 2: создание полужирного текста с помощью встроенного CSS


  1. Поймите, когда использовать CSS, который является более мощным и последовательным способом изменить стиль вашего сайта. Этот язык идеально подходит для определения внешнего вида вашего веб-сайта, а HTML определяет, что означает ваш веб-сайт. Можно использовать HTML для выделения важного текста, но CSS даст вам больше контроля над визуальным аспектом вашего жирного текста.
    • Попробуйте открыть одну и ту же HTML-страницу в разных браузерах, и вы можете заметить некоторые различия в отображении. CSS «сообщает» браузеру, как именно отображать текст, измененный тегом, чтобы минимизировать вариации.
  2. Добавить тег к вашему тексту. Если вы еще ничего не знаете о CSS, использование «встроенного CSS» - хороший способ начать. Хотя вы можете изменить теги, например

    или

    , иногда вам придется изменить текст, которого еще нет между тегами. В этом случае заключите текст в теги , Само по себе это не действует, но дает нам над чем поработать. Вот пример, который мы будем использовать:
    • Я научился выделять этот текст жирным шрифтом с помощью встроенного CSS.

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

подсказки

  • При использовании свойства font-weight в CSS используйте только числовые значения, кратные 100, поскольку числа между ними будут округлены.
  • Встроенный или внешний лист CSS - лучший способ выделить текст полужирным шрифтом, так как он позволяет вносить изменения в весь документ сразу.
  • Для каждого шрифта доступно только несколько функций. При использовании CSS формат, используемый для шрифта, наиболее близок к запросу. Это означает, что иногда невозможно, например, выделить полужирный шрифт в шрифте.

Если вы разработали идею книги или действительно подготовили предложение, вам необходимо знать, как продать идею издателю, особенно если вы не собираетесь работать с агентом. Вы можете продавать свою ...

Флирт с красивым парнем может показаться невыполнимой задачей, но это проще, чем вы думаете! Постарайтесь передать дружелюбный язык тела, даже если вы находитесь на расстоянии, застенчиво улыбаясь или...

Выбор администрации