Как сделать полужирный шрифт в html

Элемент следует использовать, когда другие элементы выделения не подходят. Если точнее: то элементы от

Комбинируем выделение текста с помощью CSS и HTML

HTML-способы отлично подходят для определения значения выделенного текста, в то время как CSS-стилизация отвечает за внешний вид текста.

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

Источник

6. HTML — Форматирование текста с помощью html-тегов

Если Вы пользуйтесь текстовым редактором, например, таким как Microsoft Word или Microsoft Excel, то Вы должны быть знакомы с форматированием текста и как сделать текст жирным (полужирным), наклонным (курсивом), зачеркнутым или подчеркнутым. Это всего лишь четыре из одиннадцати доступных вариантов, указывающих, как можно форматировать текст в HTML и XHTML.

Содержание

Полужирный или жирный текст

Полужирный шрифт или жирный шрифт в HTML можно задать с помощь двух тегов . и . . Все, что находится в тегах . и . отображается в HTML жирным текстом (полужирным), как показано ниже:

Пример

Получим следующий результат:

Курсив — наклонный текст или шрифт

Сделать в HTML курсивом текст можно с помощь двух тегов . и . . Все, что находится в тегах курсива . и . отображается в HTML наклонным текстом (шрифтом), как показано ниже:

Пример

Получим следующий результат:

Подчеркнутый текст

Подчеркнуть текст в HTML можно с помощь тега . . Все, что находится внутри тега . отображается в HTML подчеркнутым текстом (шрифтом), как показано ниже:

Пример

Получим следующий результат:

Зачеркнутый текст

Зачеркнуть текст в HTML можно с помощь тега . . Все, что находится внутри тега . отображается в HTML зачеркнутым текстом (шрифтом), как показано ниже:

Пример

Получим следующий результат:

Моноширинный шрифт

Содержимое элемента . записывается в HTML моноширинным шрифтом. Большинство шрифтов обладают переменной шириной, потому что разные буквы имеют разную ширину (например, буква «щ» шире буквы «г»). Однако в моноширинном шрифте каждая буква имеет одинаковую ширину.

Пример

Получим следующий результат:

Верхний индекс

Содержимое тега . отображается в HTML в верхнем индексе. Тег верхнего индекса в HTML имеет тот же размер шрифта, который используют окружающие его символы, но использует он только половину их высоты. Данный элемент хорошо подходит когда необходимо, например, написать в HTML степень числа.

Пример

Получим следующий результат:

«>

Нижний индекс

Содержимое тега _. отображается в HTML в нижнем индексе. Тег нижнего индекса _{в HTML имеет тот же размер шрифта, который используют окружающие его символы, но использует он только половину их высоты.}

Пример

Получим следующий результат:

Вставленный текст

Содержимое внутри тега отображается в HTML как вставленный текст.

Пример

Получим следующий результат:

Удаленный текст

Содержимое внутри тега . отображается в HTML как удаленный текст.

Пример

Получим следующий результат:

«>

Большой текст

Содержимое тега . отображается в HTML большим текстом, на один размер шрифта больше, чем остальная часть окружающего его текста, как показано ниже:

Пример

Получим следующий результат:

Маленький текст

Содержимое внутри тега . отображается в HTML маленьким текстом, на один размер шрифта меньше, чем остальная часть окружающего его текста, как показано ниже:

Пример

Получим следующий результат:

Группировка элементов и содержимого страницы в HTML

Например, Вы можете поместить все ссылки на странице в тег

Пример с тегом

Получим следующий результат:

«>

С другой стороны, элемент может использоваться для группировки только встроенных элементов. Итак, если у Вас есть часть предложения или абзаца (параграфа), который Вы хотите объединить, Вы можете использовать элемент следующим образом:

Пример с тегом

Получим следующий результат:

«>

Эти теги обычно используются с CSS, чтобы Вы могли задать стиль к секции страницы.

Источник

Основы HTML. Выделение текста курсивом, полужирным. Создание списков. Имена файлов

Продолжаю серию постов для начинающих освоение HTML.

В этот раз мы рассмотрим теги для выделения текста, теги для создания списков, перенос строки и горизонтальную линию.

Кроме этого – несколько важных правил относительно имён файлов, размещаемых на хостинге.

Теги выделения текста курсивом и полужирным шрифтом

Тег Текст внутри этого тега, будет выведен браузером полужирным шрифтом.

Тег даёт команду браузеру вывести текст — курсивом.

Надо сказать, что оба этих тега называются логическими, и их назначение – именно логическое выделение участка текста.

Возможно, вам известно, что существуют не графические браузеры, для слепых, например. Такой браузер текст читает, и в логических тегах он произносит слова или громче, или с другой интонацией.

В HTML5 вернули, ранее считавшиеся устаревшими, теги физического форматирования – от слова bold (“полужирный”) и тег от слова italica (“курсив”). Но я по-прежнему рекомендую их не использовать, а отдать предпочтение и .

Маркированный и нумерованный списки

В таблице ниже, вы увидите, что начало маркированного списка задаёт тег , а начало нумерованного списка – тег .

Каждый пункт списка находится в теге .

Маркированный список (не упорядоченный)
ВЕБ мастер должен освоить:

Нумерованный список (упорядоченный)

Для создания успешного блога нужно:

Внутри OL и UL нельзя будет размещать ничего, кроме элементов LI, но в самих пунктах списка (LI) могут быть вложены, например, ссылки.

Маркированные списки, с отключенными маркерами, широко используются для создания различных навигационных меню по сайту.

Специальным указанием, в CSS этого документа, любой список из вертикально расположенного, можно превратить в горизонтальный.

Атрибуты HTML тегов

Ещё можно встретить в HTML-коде такие конструкции:

“дополнение”, которое идёт через пробел внутри угловых скобок тега – называется “атрибут тега”. В данном случае, этот атрибут даёт указание браузеру заменить в маркированном списке традиционные чёрные кружки маркеров, на квадратики.

В наступающем Новом Году HTML5, НЕ рекомендуется использовать атрибуты тегов. Для этой цели, теперь нужно использовать возможности CSS3 (Каскадные таблицы стилей).

С помощью CSS3 можно поменять не только вид маркеров (это может быть любой символ, который есть в шрифте), но и тип символов нумерации в нумерованных списках. Это могут быть, например, римские цифры или буквы латинского алфавита (A, B, C, D…).

О CSS правилах для изменения внешнего вида маркеров списка я буду рассказывать позже.

Тег переноса строки и создания горизонтальной линии

Для принудительного переноса текста на следующую строку (без создания нового абзаца) служит тег
.

Иногда, его используют, когда нужно просто вывести несколько строк друг над другом. Почтовый адрес, например.

Эта линия будет занимать 30% от ширины родительского элемента.

Примерно так…
Посмотрите презентацию на тему «Основы HTML». В ней рассказ о уже известных вам, базовых тегах HTML.

Важные правила при задании имени файла

Нужно помнить, что есть ограничения при выборе имени файла HTML-документа (это же относится и к названиям каталогов). Эти особенности связаны с UNIX – подобной операционной системой, именно их используют большинство хостинг-провайдеров.

Вот и все правила – три “золотых” и одно “серебряное”.

Продолжение сериала…

В следующей статье поговорим о вставке изображений в HTML – страницу. Тег IMG и его атрибуты.

Источник