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. Поддерживаемые теги форматированного текста определяет абзац. стиль шрифта — определяет стиль шрифта. Значения «наклон» и «курсив» обрабатываются одинаково, это определяет шрифт как курсив. По умолчанию «нормальный». вес шрифта — определяет жирность шрифта. Только значение поддержки выделено «жирным шрифтом», в противном случае оно считается «нормальным» 0 Это абзац. Это абзац. Это абзац. Это абзац. Выровнено по левому краю по левому краю — выравнивание текста по левому краю. по центру — текст выравнивается по центру. справа — текст выравнивается по правому краю. Выровнено по верхнему краю top — выравнивает текст по верхнему краю строки. базовая линия — выравнивает текст по базовой линии. снизу — выравнивает текст по нижнему краю строки. Это абзац. Это абзац. БИРКА ОПЦИИ Абзац Тег стиль — набор атрибутов, определяющих стиль текста. Span Тег используется для стилизации текста. стиль — набор атрибутов, определяющих стиль текста. Жирный Тег выделяет жирный текст. Нет Курсив Тег выделяет текст курсивом.
Нет Подчеркивание Тег определяет подчеркнутый текст. Нет Разрыв Тег
определяет разрыв строки.
или Нет Неразрывный текст Тег Нет Файл шрифта Используется для указания начертания шрифта для семейства шрифтов (только локальный файл, только шрифты TrueType). <стиль> @шрифт-лицо {
семейство шрифтов: roboto-bold;
источник: URL(‘файл:шрифты/roboto_bold. ttf’)
} стиль>
Упорядоченные списки Тег используется для определения упорядоченного списка.
стиль — набор атрибутов, определяющих стиль списка. Неупорядоченные списки Тег используется для определения неупорядоченного списка.
стиль — набор атрибутов, определяющих стиль списка. Элементы списка Тег Нет НАЗВАНИЕ ОПИСАНИЕ ИМЯ АТРИБУТА ПАРАМЕТРЫ Атрибут цвета определяет цвет текста. Цвет может быть названием цвета (например, «красный», «синий») или шестнадцатеричным значением (например, «#FF0000») Цвет фона Атрибут background-color определяет цвет фона позади текста Цвет может быть названием цвета (например, «красный», «синий») или шестнадцатеричным значением (например, «#FF0000») Выравнивание текста Атрибут text-align определяет выравнивание текста блокировать. Вертикальное выравнивание Атрибут вертикального выравнивания определяет вертикальное выравнивание текста относительно его строки. Атрибут font-family определяет используемое семейство шрифтов. Название используемого семейства шрифтов. Размер шрифта Атрибут font-size определяет размер шрифта. Размер шрифта текста, только синтаксис размера пункта. Левое заполнение Атрибут left-padding определяет левое заполнение списка. Количество вкладок, используемых для заполнения списка.