Html bold style font: HTML DOM Style fontWeight Property

css — Как сделать текст жирным в HTML?

Кто-нибудь может сказать мне, что я делаю не так?»

«полужирный» никогда не был элементом HTML («b» является ближайшим соответствием).

HTML должен содержать структурированный контент; CSS издателя должен предлагать стили для этого контента. Таким образом, пользовательские агенты могут предоставлять структурированный контент с полезным стилем и элементами управления навигацией пользователям, которые не могут видеть предложенный вами жирный стиль (например, пользователям поисковых систем, полностью слепым пользователям, использующим программы чтения с экрана, слабовидящим пользователям, использующим свои собственные цвета и шрифты, компьютерные пользователи, использующие текстовые браузеры, пользователи голосовых браузеров, таких как Opera для Windows). Таким образом, правильный способ сделать текст жирным зависит от почему вы хотите выделить жирным шрифтом. Например:

  • Хотите отличить заголовки от остального текста? Используйте элементы заголовков (от «h2» до «h6») и предложите жирный шрифт для них в вашем CSS («h2, h3, h4, h5, h5, h6 {начертание шрифта: полужирный;}».

  • Хотите выделить метки для полей формы? Используйте элемент «label», программно свяжите его с соответствующим элементом «select», «input» или «textarea», присвоив ему атрибут «for», соответствующий атрибуту «id» на цели, и предложите жирный стиль для это в вашем CSS («метка {font-weight: жирный шрифт;»}).

  • Хотите выделить заголовок для группы связанных полей в форме, например для группы выбора радио? Окружите их элементом «fieldset», дайте ему элемент «legend» и предложите жирный стиль для него в вашем CSS («legend {font-weight: bold;}»).

  • Хотите отличить заголовок таблицы от названия таблицы? Используйте элемент «caption» и предложите жирный стиль для него в вашем CSS («caption {font-weight: bold;}»).

  • Хотите отличать заголовки таблиц от ячеек данных таблицы? Используйте элемент «th» и предложите жирный стиль для него в вашем CSS («th {font-weight: bold;}»).

  • Хотите отличить название упомянутого фильма или альбома от окружающего текста? Используйте элемент «цитировать» с классом («цитировать») и предложите жирный стиль для него в вашем CSS («». movie-title {font-weight: bold;}»).

  • Хотите отличить определенное ключевое слово от окружающего текста, определяющего или поясняющего его? Используйте элемент «dfn» и предложите жирный стиль для него в вашем CSS («dfn {font-weight: bold;}»).

  • Хотите отличить компьютерный код от окружающего текста? Используйте элемент «код» и предложите жирный стиль для него в вашем CSS («код {font-weight: полужирный;}»).

  • Хотите отличить имя переменной от окружающего текста? Используйте элемент «var» и предложите жирный стиль для него в вашем CSS («var {font-weight: bold;}»).

  • Хотите указать, что некоторый текст был добавлен в качестве обновления? Используйте элемент «ins» и предложите жирный стиль для него в вашем CSS («ins {font-weight: bold;}»).

  • Хотите слегка подчеркнуть текст («Я люблю котят!»)? Используйте элемент «em» и предложите жирный стиль для него в вашем CSS (например, «em {font-weight: bold;}»).

  • Хотите сильно подчеркнуть какой-то текст, возможно, для предупреждения (« Осторожно, собака! «)? Используйте «сильный» элемент и предложите жирный стиль для него в вашем CSS (например, «сильный {font-weight: полужирный;}»).

… Вы поняли (надеюсь).

Не удается найти элемент HTML с правильной семантикой, чтобы выразить /почему/ вы хотите сделать этот конкретный текст полужирным? Оберните его в общий элемент «span», дайте ему осмысленное имя класса, которое выражает ваше обоснование выделения этого текста («

Позвольте мне начать эту новостную статью с предложения, резюмирующего ее.) и предложите полужирный стиль для него в вашем CSS («».lede {font-weight: bold;»}. Прежде чем придумывать свои собственные имена классов, вы можете проверить, существует ли микроформат (microformats.org) или общее соглашение для того, что вы хочу выразить

Стилизация и разметка форматированного текста

Наряду со стандартной поддержкой текста Storyboard также поддерживает использование форматированного текста. Богатые Расширение рендеринга текста позволяет пользователю использовать подмножество тегов HTML/XML для определения форматирование текста.

Таблица 1. Поддерживаемые теги форматированного текста БИРКА ОПЦИИ Абзац Тег

определяет абзац.

стиль — набор атрибутов, определяющих стиль текста. Span Тег используется для стилизации текста. стиль — набор атрибутов, определяющих стиль текста. Жирный Тег выделяет жирный текст. Нет Курсив Тег выделяет текст курсивом.
Нет Подчеркивание Тег определяет подчеркнутый текст. Нет Разрыв Тег
определяет разрыв строки.
или
Нет Неразрывный текст Тег определяет текст, который не может разбиваться. Нет Файл шрифта Используется для указания начертания шрифта для семейства шрифтов (только локальный файл, только шрифты TrueType).
<стиль> @шрифт-лицо { семейство шрифтов: roboto-bold; источник: URL(‘файл:шрифты/roboto_bold. ttf’) }
  1. стиль шрифта — определяет стиль шрифта. Значения «наклон» и «курсив» обрабатываются одинаково, это определяет шрифт как курсив. По умолчанию «нормальный».

  2. вес шрифта — определяет жирность шрифта. Только значение поддержки выделено «жирным шрифтом», в противном случае оно считается «нормальным»

Упорядоченные списки Тег
    используется для определения упорядоченного списка.
      стиль — набор атрибутов, определяющих стиль списка. Неупорядоченные списки Тег
        используется для определения неупорядоченного списка.
          стиль — набор атрибутов, определяющих стиль списка. Элементы списка Тег
        • используется для указания элемента списка.
        • Нет

          0 НАЗВАНИЕ ОПИСАНИЕ ИМЯ АТРИБУТА ПАРАМЕТРЫ

          Цвет текста Атрибут цвета определяет цвет текста.

          Это абзац.

          или

          Это абзац.

          Цвет может быть названием цвета (например, «красный», «синий») или шестнадцатеричным значением (например, «#FF0000») Цвет фона Атрибут background-color определяет цвет фона позади текста

          Это абзац.

          или

          Это абзац.

          Цвет может быть названием цвета (например, «красный», «синий») или шестнадцатеричным значением (например, «#FF0000») Выравнивание текста Атрибут text-align определяет выравнивание текста блокировать.

          Выровнено по левому краю

          1. по левому краю — выравнивание текста по левому краю.

          2. по центру — текст выравнивается по центру.

          3. справа — текст выравнивается по правому краю.

          Вертикальное выравнивание Атрибут вертикального выравнивания определяет вертикальное выравнивание текста относительно его строки.

          Выровнено по верхнему краю

          1. top — выравнивает текст по верхнему краю строки.

          2. базовая линия — выравнивает текст по базовой линии.

          3. снизу — выравнивает текст по нижнему краю строки.

          Семейство шрифтов Атрибут font-family определяет используемое семейство шрифтов.

          Это абзац.

          Название используемого семейства шрифтов. Размер шрифта Атрибут font-size определяет размер шрифта.

          Это абзац.

          Размер шрифта текста, только синтаксис размера пункта. Левое заполнение Атрибут left-padding определяет левое заполнение списка.
            Количество вкладок, используемых для заполнения списка.

      Добавить комментарий

      Ваш адрес email не будет опубликован. Обязательные поля помечены *