Полужирный шрифт в html: Тег

Содержание

font-weight — жирный текст | CSS справочник

Поддержка браузерами


12.0+	4.0+	1.0+	2.0+	3.5+	1.3+

Описание

CSS свойство font-weight позволяет указать, насколько жирным будут выглядеть текст. Как вы знаете, жирный текст выглядит темнее и немного толще, чем обычный. Вы можете использовать жирный текст для любого тега, задав свойству значение bold.

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

Для свойства font-weight предусмотрены также два относительных значения:

bolder и lighter. Они сделают текст более или менее плотным по сравнению с унаследованным значением. Эти значения используются редко, так как немногие шрифты поддерживают столь слабые различия в плотности.

Вы также можете устанавливать значения свойства с помощью чисел от 100 до 900, но это тоже не очень хорошо поддерживается шрифтами и браузерами и редко применяется.

Значение по умолчанию:	normal
Применяется:	ко всем элементам
Анимируется:	да
Наследуется:	да
Версия:	CSS1
Синтаксис JavaScript:	object.style.fontWeight=»900″

Синтаксис

font-weight: normal|bold|bolder|lighter|число|inherit;

Значения свойства

Значение	Описание
normal	Определяет стандартное написание символов.
bold	Задает жирное начертание символов в тексте.
bolder	Тоже самое, что и bold.
lighter	тоже самое, что и normal.
100 200 300 400 500 600 700 800 900	Определяет толщину шрифта по заданному значению, от 0 до 500 — стандартное начертание шрифта, от 600 до 900 — жирное начертание.
inherit	Указывает, что значение наследуется от родительского элемента.

Пример

Следите за изменением шрифта.

div {
font-weight: normal;
}

seodon.ru | Учебник HTML — Как изменить шрифт?

Опубликовано: 29.09.2010 Последняя правка: 08.12.2015

При создании сайта постоянно возникает необходимость изменения шрифта текста для самых разных частей и элементов HTML-страниц, ведь это не только добавляет сайту уникальность и стиль, но и повышает качество восприятия информации. В HTML для этого существуют специальные теги, о них мы и поговорим в данном уроке, который будет одним из самых больших в этом учебнике. Но, как я вам уже говорил ранее, не старайтесь все запоминать наизусть, не надо, главное — разобраться и понять о чем идет речь на каждом этапе урока.

Изменение стилей шрифтов

Изменять стили написания шрифтов в HTML можно далеко не одним способом и вы скоро в этом убедитесь. А теперь давайте рассмотрим несколько новых тегов:

… и … — выделяют текст полужирным шрифтом.

… и … — выделяют текст

курсивом.

… — выводит текст в верхнем индексе, например E = mc².

… — выводит текст в нижнем индексе, например H₂SO₄.

Все эти теги являются встроенными (inline, уровня строки), то есть не создают переносы строк до и после себя, а располагаются на одной строке. Содержать они могут тоже только встроенные элементы, поэтому их свободно можно вкладывать друг в друга. Самое главное не забывайте о правильной вложенности: тег, открытый раньше — должен быть закрыт позже.

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

Вы спросите: «Но неужели указанные выше теги — это все, чем можно выделить текст в HTML»? Ну конечно же нет! Существуют еще теги <S> и <STRIKE>, подчеркивающие текст, а также тег , отображающий зачеркнутый текст. Но, видите ли, эти теги являются устаревшими в HTML и их, как и атрибут align, возможно скоро перестанут понимать браузеры. Поэтому я вам покажу другой способ, который вы можете использовать без опаски. А заключается он в применении атрибута style, причем его допустимо указывать внутри любых тегов. Общий синтаксис следующий:

<тег>…</тег> — подчеркивает текст.

<тег>…</тег> — надчеркивает текст.

<тег>…</тег> — зачеркивает текст.

Пример изменения стилей шрифтов

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Изменение стилей шрифтов</title>
</head>
<body>
<p><b>Жирный шрифт.</b> <i>Курсив.</i></p>

<p><b><i>Жирный курсив.</i></b></p>

<p><em>H<sub>2</sub>SO<sub>4</sub></em> - формула серной кислоты написанная курсивом.</p>

<p>Подчеркнутый параграф текста.</p>

<p>Обычный текст,
   <strong>зачеркнутый жирный.</strong>
</p>
</body>
</html>

Результат в браузере

Жирный шрифт. Курсив.

Жирный курсив.

H₂SO₄ — формула серной кислоты написанная курсивом.

Подчеркнутый параграф текста.

Обычный текст, зачеркнутый жирный.

Теперь хотелось бы сделать одно пояснение по поводу атрибута style. Style — это абсолютно обычный атрибут тегов, но относится он к Каскадным таблицам стилей (CSS). В далеком прошлом все функции по структуризации HTML-страницы в целом и по внешнему представлению ее каждого элемента в отдельности (цвет, форма, положение на странице и т.д.) брал на себя язык HTML. Но потом разработчики языка решили разграничить эти функции и создали CSS. Соответственно многие теги или атрибуты тегов стали устаревшими. Поэтому, чтобы не забивать вам голову ненужной информацией, в данном учебнике я тоже заменил их стилями, то есть атрибутом style. Его общий синтаксис следующий:

<тег>…</тег>

Используя style вы совершенно ничего не потеряете, но зато научитесь писать грамотный HTML, а в качестве бонуса еще и CSS немного освоите.

Тег или что делать, когда нет нужных тегов

Ну что, пока все понятно? Хорошо, тогда вопрос. А что вы будете делать, если вам, например, надо зачеркнуть не весь параграф, а только половину текста, причем не делать его ни жирным, ни курсивом? Ну да не переживайте, тут вам поможет один очень удобный и нужный тег.

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

Пример использования тега SPAN

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Использование тега SPAN</title>
</head>
<body>
<p><span>Обычный текст без изменений.</span></p>

<p>Еще обычный текст.
 <span>Подчеркнутый.</span>
 <span>Зачеркнутый.</span>
</p>
</body>
</html>

Результат в браузере

Обычный текст без изменений.

Еще обычный текст. Подчеркнутый. Зачеркнутый.

Меняем имя (гарнитуру) шрифта

Не знаете что такое имя шрифта? Наверняка многие из вас хоть когда-то набивали текст в Microsoft Word или OpenOffice Writer и видели такое меню:

Меню выбора шрифта в Microsoft Word.

Это и есть имена шрифтов, которые имеются на вашем компьютере и их используют не только Word или Writer, но и многие другие приложения, в том числе и браузеры. Имя (гарнитура) шрифта определяет сам его рисунок отличающий один шрифт от другого.

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

Шрифты	Семейство
‘Comic Sans MS’	cursive (рукописные)
Courier	monospace (моноширинные)
Arial, Helvetica, Verdana, Tahoma	sans-serif (рубленные, гротески)
Times, ‘Times New Roman’, Garamond	serif (с засечками, антиква)

По умолчанию практически все браузеры используют шрифт ‘Times New Roman’, а чтобы его изменить используется все тот же атрибут style, который можно применить внутри любого тега. Общий синтаксис указания следующий:

<тег>…</тег>

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

Чтобы изменить шрифт на всей странице — достаточно указать атрибут style в теге <BODY>. А если необходимо изменить шрифт для отдельной части текста, то заключите его в тег и примените атрибут к нему.

Пример изменения имени шрифтов

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Изменение имени шрифтов</title>
</head>
<body>
 <p>Это шрифт Arial, если его нет, то Verdana, а если
    и его нет, то любой другой из sans-serif.
 </p>

 <p>
    Это Comic Sans MS или любой cursive.
 </p>

 <p>Это опять Arial, Verdana или любой sans-serif.
    <span>
      А это Courier или любой monospace.
    </span>
 </p>
</body>
</html>

Результат в браузере

Это шрифт Arial, если его нет, то Verdana, а если и его нет, то любой другой из sans-serif.

Это Comic Sans MS или любой cursive.

Это опять Arial, Verdana или любой sans-serif. А это Courier или любой monospace.

Ну что, разобрались в примере? Сделаю одно пояснение, понимание которого вам серьезно облегчит жизнь в будущем, хотя думаю многие уже догадались. Итак, если теги вложены друг в друга и несколько из них осуществляют изменения одного типа (например, меняют имя шрифта), то теги-потомки переопределяют свойства тегов-предков. Если же вложенные теги осуществляют разные изменения, то они дополняют друг друга, вот и все.

Меняем размер шрифта

Язык HTML ограничен всего семью размерами шрифтов, что, согласитесь, очень мало для хорошего сайта. Поэтому для изменения размеров все давно используют CSS, и сейчас вы тоже этому научитесь.

В CSS есть порядка десяти единиц измерения, но мы с вами рассмотрим только три самых популярных — это пункты (pt), пиксели (px) и проценты (%). Итак:

pt — Пункты. Один пункт равен 1/72 дюйма, а один дюйм — 2.54см. Следовательно, 1pt = 0,03527778см. Это абсолютная величина, так как размер заданный в пунктах не зависит ни от чего.
px — Пиксели. Измеряется в пикселях монитора компьютера. Пиксель — это самая маленькая точка на мониторе и она является относительной величиной, так как ее размер зависит от текущего разрешения экрана и размера самого монитора.
% — Проценты. Высчитывается в процентах, где за 100% берется значение родительского тега, а если оно не указано, то значение в браузере по умолчанию. Это тоже относительная величина, ведь размер шрифта родителя может быть абсолютно разный, да и размер шрифта в браузере пользователи могут свободно менять.

Чтобы указать размер шрифта используется атрибут style и его можно указать внутри любого тега. Общий синтаксис такой:

<тег>…</тег>

Как и в случае с именами шрифтов, чтобы изменить размер шрифта на всей странице — достаточно указать атрибут style в теге <BODY>. А если необходимо изменить шрифт для фрагмента текста, то заключите его в тег и примените атрибут к нему.

Пример изменения размера шрифтов

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Изменение размера шрифта</title>
</head>
<body>
 <p>Этот размер шрифта составляет 90% от размера
    в браузере по умолчанию.
 </p>
 <p>
    Этот размер составляет 90% уже от размера в теге BODY.
 </p>

 <h5>
  Размер шрифта заголовка составляет 120% от размера в BODY.
 </h5>
 
 <p>Это опять 90% от размера в браузере по умолчанию.
    <span>
      Размер этого шрифта 15 пунктов.
    </span>
 </p>
</body>
</html>

Результат в браузере

Этот размер шрифта составляет 90% от размера в браузере по умолчанию.

Этот размер составляет 90% уже от размера в BODY.

Размер шрифта заголовка составляет 120% от размера в BODY.

Это опять 90% от размера в браузере по умолчанию. Размер этого шрифта 15 пунктов.

Размер шрифта зависит не только от его явного указания, но и от его имени (гарнитуры) — разные шрифты могут иметь совершенно разные высоту и ширину букв, а также межбуквенное расстояние.

Еще немного об атрибуте style

Самое время раскрыть вам еще один секрет этого чудесного атрибута, но опять сначала задам вам вопрос. Как бы вы поступили, если бы вам надо было установить для всего параграфа имя шрифта Arial с размером в 80%? А я вам скажу, вы бы написали что-то подобное:

Так.

<p>
 <span>
  Текст параграфа.
 </span>
</p>

Вот так.

<p>
 <span>
  <span>
   Текст параграфа.
  </span>
 </span>
</p>

Или вообще вот так.

<p>
   Текст параграфа.
</p>

Я прав? Ну что ж, если первые два варианта в принципе верны, то последний вообще с ошибкой, так как, если помните, в одном теге не может быть двух одинаковых атрибутов. А теперь пора вспомнить, что style — не просто атрибут, а атрибут относящийся к CSS. Посмотрите-ка на это:

<p>
   Текст параграфа.
</p>

Гораздо проще, да? Самое главное не забывать ставить между соседними стилями точку с запятой (;) и брать все это «хозяйство» в двойные кавычки (» «), иначе применится только первый стиль, а остальные браузер проигнорирует. Ну мы ведь всегда с вами проставляем двойные кавычки, правда?

Так, этот урок вышел очень насыщенным, поэтому сделайте домашнее задание и немного отдохните.

Домашнее задание.

Создайте заголовок статьи и двух ее разделов, но заголовки разделов еще и подчеркните.
Сделайте так, чтобы при наведении курсора мыши на заголовок статьи появлялась соответствующая надпись.
Напишите один параграф в начале статьи и по два в каждом разделе.
Установите для всей страницы шрифт Arial с размером 90% от размера в браузере по умолчанию.
Установите для всех заголовков шрифт Times и пусть заголовок статьи будет с размером шрифта в 150%, а подзаголовки — 120%.
Выделите в первом параграфе два слова жирным шрифтом и одно курсивом. Во втором — фразу из нескольких слов жирным курсивом. В третьем — подчеркните фразу выделенную курсивом. В четвертом — зачеркните половину фразы выделенной жирным.
Напишите в последнем параграфе формулу спирта: C₂H₅OH.

Посмотреть результат → Посмотреть ответ

Выравнивание, стили шрифта и горизонтальные линии документах HTML

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

15.1 Форматирование

15.1.1 Цвет фона

Определение атрибута

bgcolor = color [CI]: Не рекомендуется. Этот атрибут устанавливает цвет фона документа или ячеек таблицы.

Этот атрибут устанавливает цвет фона «канвы» тела документа (элемент BODY) или таблицы (элементы TABLE, TR, TH и TD). Дополнительные атрибуты, устанавливающие цвет текста, могут использоваться с элементом BODY.

Этот атрибут не рекомендуется использовать для определения цвета фона. Лучше использовать таблицы стилей.

15.1.2 Выравнивание

Можно выравнивать блок элементов (таблицы, изображения, объекты, параграфы и т.п.) на «канве» с помощью атрибута align. Хотя этот атрибут может быть установлен для многих элементов HTML, диапазон его значений может отличаться, в зависимости от элемента. Здесь мы обсуждаем только значение атрибута «выравнивание» для текста.

Определение атрибута

align = left|center|right|justify [CI]

Не рекомендуется. Этот атрибут определяет горизонтальное выравнивание элемента по отношению к окружающему контексту. Возможные значения:

left: строки текста выравниваются по левому краю;
center: строки текста выравниваются по центру;
right: строки текста выравниваются по правому краю;
justify: строки текста выравниваются по обоим полям.

Значение по умолчанию зависит от базового направления текста. Для направления слева направо — это align=left, для направления справа налево — по умолчанию align=right.

НЕ РЕКОМЕНДУЕТСЯ:
Здесь заголовок центрируется.

<h2 align="center"> Что за прелесть эта мерзость! </h2>

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

<HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  h2 { text-align: center}
 </STYLE>
<BODY>
 <h2> Что за прелесть эта мерзость! </h2>

Учтите, что это будет действовать на все элементы h2. Вы можете ограничить область видимости стиля, установив атрибут class элемента:

<HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  h2.wood {text-align: center}
 </STYLE>
<BODY>
 <h2> Что за прелесть эта мерзость! </h2>

НЕ РЕКОМЕНДУЕТСЯ:
также, для того, чтобы выровнять вправо параграф на «канве» атрибутом HTML align, Вы могли бы записать:

<P align="right">...параграф текста...

что в таблице стиля могло бы быть:

<HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  P.mypar {text-align: right}
 </STYLE>
<BODY>
 <P>...параграф текста...

НЕ РЕКОМЕНДУЕТСЯ:
Чтобы выровнять вправо несколько параграфов, сгруппируйте их элементом DIV:

<DIV align="right">
 <P>...текст первого параграфа...
 <P>...текст второго параграфа...
 <P>...текст третьего параграфа...
</DIV>

В таблице стиля свойство выравнивания текста наследуется от предка, поэтому Вы можете использовать:

<HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  DIV.mypars {text-align: right}
 </STYLE>
<BODY>
 <DIV>
  <P>...текст первого параграфа...
  <P>...текст второго параграфа...
  <P>...текст третьего параграфа..
 </DIV>

Чтобы выровнять по центру весь документ:

<HEAD>
 <TITLE>Что за прелесть эта мерзость!</TITLE>
 <STYLE type="text/css">
  BODY {text-align: center}
 </STYLE>
<BODY>
 ...тело выровнено по центру...
</BODY>

Элемент CENTER полностью эквивалентен определению элемента DIV с атрибутом align, установленным в «center». Элемент CENTER не рекомендуется.

15.1.3 Плавающие объекты

Изображения и объекты могут появляться непосредственно «in-line» или «всплывать» к одной из сторон страницы, изменяя временно поля текста, который может обтекать объект по любой его стороне.

«Всплывание» объекта

Атрибут align объектов, изображений, таблиц, фрэймов и т.п. заставляет объект прижиматься к левому или правому полю страницы. Плавающие объекты обычно начинают новую строку. Этот атрибут принимает следующие значения:

left: прижимает объект к левому краю. Последующий текст обтекает объект справа.
right: прижимает объект к правому краю. Последующий текст обтекает объект слева.

ПРИМЕР НЕ РЕКОМЕНДУЕМОГО ИСПОЛЬЗОВАНИЯ:
Пример показывает. как элемент IMG «всплывает» к левому краю «канвы».

<IMG align="left" src="http://foo.com/animage.gif" alt="my boat">

Некоторые атрибуты выравнивания также допускают значение «center», которое не вызывает всплывания, а центрирует объект по отношению к краям. В то же время, у элементов P и DIV, значение «center» вызывает центрирование содержимого элементов.

Обтекание текста вокруг объекта

Ещё один атрибут, определённый для элемента BR, управляет обтеканием текста вокруг «всплывающего» объекта.

Определение атрибута

clear = none|left|right|all [CI]

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

none: следующая строка начнётся нормально. Это значение по умолчанию.
left: следующая строка начнётся в ближайшей строке под любым плавающим объектом у левого края.
right: следующая строка начнётся в ближайшей строке под любым плавающим объектом у левого края.
all: следующая строка начнётся в ближайшей строке под любым плавающим объектом у любого края.

Посмотрите на этот рисунок. Текст обтекает изображение по правому краю до обрыва строки элементом BR:

*********  -------
|       |  -------
| image |  --<BR>
|       |
*********

Если атрибут clear установлен в none, линия, следующая после BR, начнётся сразу под ним у правого края изображения:

*********  -------
|       |  -------
| image |  --<BR>
|       |  ------
*********

НЕ РЕКОМЕНДУЕТСЯ:
Если атрибут clear установлен в left или all, следующая строка появится так:

*********  -------
|       |  -------
| image |  --<BR clear="left">
|       |
*********
-----------------

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

<STYLE type="text/css">
BR { clear: left }
</STYLE>

Чтобы определить такое поведение для конкретного элемента BR, нужно скомбинировать информацию о стиле и атрибут id:

<HEAD>
...
<STYLE type="text/css">
BR#mybr { clear: left }
</STYLE>
</HEAD>
<BODY>
<P>...
*********  -------
|       |  -------
| table |  --<BR>
|       |
*********
-----------------
...
</BODY>

Последующие элементы HTML специфицируют информацию о шрифте. Хотя они и не относятся к не рекомендуемым, их использование менее предпочтительно, чем таблиц стилей.

15.2.1 Элементы стиля шрифта:

TT, I, B, BIG, SMALL, STRIKE, S и U

Начальный тег: необходим, Конечный тег: необходим

Атрибуты, определённые в другом месте

id, class (идентификаторы документа)
lang (язык), dir (направление текста)
title (название элемента)
style (инлайн-стиль)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown onkeyup (внутренние события)

Представление элементов стиля шрифта зависит от пользовательского агента (ПА). Следующее описание является лишь информативным.

TT: моноширинный текст, телетайп.

I: курсив.

B: полужирный.

BIG: «большой» шрифт.

SMALL: «малый» шрифт.

STRIKE и S: не рекомендуются, зачёркнутый текст.

U: не рекомендуется, подчёркнутый.

Вот несколько примеров определения шрифта:

<P><b>bold</b>,
<i>italic</i>, <b><i>bold italic</i></b>, <tt>teletype text</tt>, and
<big>big</big> and <small>small</small> text.

Это будет отображено так:

Можно применить более сложные варианты отображения шрифтов, используя таблицы стилей. Чтобы отобразить голубой курсив в параграфе с помощью таблицы стилей (CSS):

<HEAD>
<STYLE type="text/css">
P#mypar {font-style: italic; color: blue}
</STYLE>
</HEAD>
<P>...голубой курсив...

Элементы стиля шрифта должны вкладываться соответствующим образом. Отображение вложенных элементов стиля шрифта зависит от ПА.

15.2.2 Элементы модификатора шрифта:

FONT и BASEFONT

FONT и BASEFONT не рекомендуется применять.

См. формальное определение в разделе Переходное ОТД.

Определения атрибутов

size = cdata [CN]

Не рекомендуется. Устанавливает размер шрифта. Возможные значения:

Целое число от 1 до 7. Устанавливает шрифт в определённый фиксированный размер, представление которого зависит от ПА. Не все ПА могут отобразить все семь размеров.
Относительное увеличение размера шрифта. «+1» означает: на один размер больше. «-3» означает: на три размера меньше. Все размеры находятся в пределах шкалы от 1 до 7.

color = color [CI]

Не рекомендуется. Устанавливает цвет текста.

face = cdata [CI]

Не рекомендуется. Определяет список имён шрифтов, разделённых запятыми, которые ПА должен искать в порядке убывания приоритета.

Атрибуты, определённые в другом месте

Элемент FONT изменяет размер шрифта и цвет текста своего содержимого.

Элемент BASEFONT устанавливает базовый размер шрифта (используя атрибут size). Размер шрифта, определяемый FONT, является относительным по отношению к BASEFONT. Если BASEFONT не используется, размер базового шрифта составляет 3.

НЕ РЕКОМЕНДУЕТСЯ:
В этом примере показана разница между шрифтами семи размеров элемента FONT:

<P><font size=1>size=1</font>
<font size=2>size=2</font>
<font size=3>size=3</font>
<font size=4>size=4</font>
<font size=5>size=5</font>
<font size=6>size=6</font>
<font size=7>size=7</font>

Это может выглядеть так:

А это пример относительного изменения размера шрифта с использованием базового размера 3:

Базовый размер шрифта не применяется к заголовкам/headings, за исключением тех случаев, когда заголовки изменены с использованием относительного изменения размера в элементе FONT.

15.3 Горизонтальные линии: элемент

HR

Начальный тег: необходим, Конечный тег: запрещён

Определение атрибутов

align = left|center|right [CI]

Не рекомендуется. Определяет горизонтальное выравнивание линии по отношению к окружающему контексту. Возможные значения:

left: линия выравнивается влево.
center: линия выравнивается по центру.
right: линия выравнивается вправо.

По умолчанию align=center.

noshade [CI]

Не рекомендуется. Если этот булев атрибут установлен, он требует, чтобы ПА отображал горизонтальную линию сплошным цветом, а не традиционно с двухцветной «тенью».

size = pixels [CI]

Не рекомендуется. Определяет высоту линии. Значение по умолчанию зависит от ПА.

width = length [CI]

Не рекомендуется. Определяет ширину линии. Ширина по умолчанию — 100%, т.е. линия растянута по ширине всей «канвы».

Атрибуты, определённые в другом месте

id, class (идентификаторы документа)
lang (язык), dir (направление текста)
title (название элемента)
style (инлайн-стиль)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)

Элемент HR отображает горизонтальную линию в ПА.

Величина свободного пространства под и над горизонтальной линией зависит от ПА.

НЕ РЕКОМЕНДУЕТСЯ:
В этом примере линия центрируется, размер установлен в половину доступной ширины между краями страницы. Верхняя линия имеет толщину по умолчанию, а две нижние — по 5 пикселов. Нижняя линия должна отображаться сплошным цветом без тени:

<HR align="center">
<HR size="5" align="center">
<HR noshade size="5" align="center">

Эти линии должны выглядеть примерно так:

Как установить полужирный шрифт с помощью CSS? Плотность шрифта 600 не
Семейства шрифтов состоят из нескольких разных шрифтов
Например, выделение экстра-полужирного шрифта изменит внешний вид шрифта, скажем, в Photoshop, поскольку вы выбираете другой шрифт . То же самое касается курсивного шрифта, который действительно может выглядеть по-разному. Установка font-weight:800 или font-style:italic может привести к тому, что веб-браузер приложит все усилия, чтобы увеличить или уменьшить нормальный шрифт в семействе .
Даже если вы загружаете семейство шрифтов, вы должны указать нужные веса и стили для некоторых веб-браузеров, чтобы вы могли выбрать другой шрифт в семействе с помощью font-weight и font-style .
Пример
В этом примере указываются светлый, нормальный, нормальный курсив, полужирный и экстра-полужирный шрифт в семействе шрифтов Open Sans:
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:100,400,400i,600,800"> <style> body { font-family: 'Open Sans', serif; font-size: 48px; } </style> </head> <body> <div>Didn't work with all the fonts</div> <div>Didn't work with all the fonts</div> <div>Didn't work with all the fonts</div> </body> </html>
Справка
(Предупреждение Quora, удалите, если не разрешено.)
https://www.quora.com/How-do-I-make-Open-Sans-extra-bold-once-imported-from-Google-Fonts
Тестирование
Протестировано для работы в Firefox 66.0.3 на Mac и Firefox 36.0.1 в Windows.
Остальные шрифты должны быть загружены на сервер, стиль и вес должны определяться их индивидуальными названиями.
В отношении шрифтов ничего не предполагайте, какое устройство посещает ваш веб-сайт или какие шрифты установлены в его ОС.
(Вы можете использовать альтернативные варианты шрифтов с засечками и без засечек, но вы получите шрифт, сопоставленный с ними конкретной используемой версией веб-браузера, в пределах шрифтов, доступных в версии ОС, в которой он работает, а не в том, что вы разработали.)
Тестирование следует проводить с шрифтом, временно удаленным из вашей системы, чтобы убедиться, что ваш дизайн действует.
старые теги нового назначения Какой тег выделяет курсив
или изучаем теги, форматирующие HTML текст
Вашему вниманию представлен один из ключевых и самых простых уроков самоучителя.
HTML текст является основной составляющей большинства страниц интернета.
По ключевым фразам в тексте HTML-страницы пользователи могут найти ваш сайт.
HTML текст может быть любого размера и цвета, по вашему усмотрению. Вы также можете определить вид шрифта и его объемность.
HTML размер шрифта обыкновенно устанавливается в пикселях.
HTML форматирование текста широко распространено, применяются форматирующие теги.
Смотрите ниже теги, форматирующие HTML текст :
Теги → жирный HTML текст (жирный шрифт).
Теги → жирный HTML текст (жирный шрифт).
Теги → моноширинный HTML текст (моноширинный шрифт).
Теги → моноширинный HTML текст (моноширинный шрифт).
Теги → моноширинный HTML текст (моноширинный шрифт).
Теги → HTML текст , размер больше обычного (крупный шрифт).
Теги → HTML текст , размер меньше обычного (мелкий шрифт).
Теги → наклонный HTML текст (наклонный шрифт).
Теги → наклонный HTML текст (наклонный шрифт).
Теги → наклонный HTML текст (наклонный шрифт).
Теги → подчеркнутый HTML текст (подчеркнутый шрифт).
Теги → зачеркнутый HTML текст (зачеркнутый шрифт).
Теги _{→ HTML текст (шрифт) в нижнем индексе.}
Теги ^{→ HTML текст (шрифт) в верхнем индексе.}

HTML форматирование текста: зачеркнутый, подчеркнутый текст
Результат: … моноширинный шрифт
Результат: … размер шрифта больше обычного
Результат: … наклонный шрифт
Результат: зачеркнутый текст (зачеркнутый шрифт)
Результат: верхний индекс
C пособы форматирования, представленные выше, должны применяться только для небольших участков текста. Пользуйтесь CSS если хотите установить определенный шрифт для всей страницы, или для нескольких строк, например.
Html предоставляет нам кое-какие возможности в плане оформления текста. Сегодня я вам расскажу, как сделать в html курсивный шрифт, причем как у стандартного шрифта, так и у нестандартного. Во втором случае нужно будет кое-что учесть, чтобы все работало.
Как писать в html курсивом?
Начну с того, что в самом html есть два тега, которые дают тексту курсивное начертание. Это em и i . Кстати, второй встроен в html-редактор движка wordpress, в котором я сейчас и пишу данную статью. Чем отличаются эти теги? На самом деле сегодня не хотелось бы громко заявлять, что они чем-то отличаются.
В целом, em по идее используется для выделения слов, которые нужно произнести с особой интонацией, а i просто визуально выделяет текст. Но не будем над этим заморачиваться, потому что неизвестно, на самом ли деле это так.
Какие есть css-свойства для курсивного текста?
Это свойство font-style и его значение italic . Еще есть значение oblique и оно превращает текст в наклонный. Есть ли какая-то разница между этими значениями? Практически никакой. Кстати, подробно об этом и других свойствах css для текста читайте в соответствующей статье , где все разложено по полочкам.
Как вывести курсивом нестандартный шрифт?
Дело в том, что если вы подключаете нестандартный шрифт через Google Fonts , то в таком случае вы должны отметить галочкой при подключении хотя бы 1 курсивный стиль шрифта. Если этого не сделать, то при попытке сделать такой шрифт курсивным, будет выводиться курсив одного из стандартных шрифтов. Кстати, о подключении нестандартных шрифтов вы можете прочитать в этой статье .
На этом скриншоте вы можете видеть фрагмент подключение шрифта через сервис Google Fonts.
Как видно, стоит галочка возле хотя бы одного курсивного начертания. Теперь, при использовании необходимых тегов или стилевого свойства, действительно этот шрифт будет становится курсивным, а не какой-то другой.
Таким образом, мы с вами разобрали все моменты, которые есть в работе с курсивным начертанием. Больше не смею вас задерживать.
Приветствую, Друзья.
После очередного долгого перерыва вспомнил, что давно уже не писал ни строчки. Конечно, на это есть свои причины, ведь какая-нибудь причина придумать себе оправдание всегда найдется, правда? На самом деле, каждый день занимаюсь ВидеоКурсом, о котором уже упоминал пару раз, но пока больше об этом ничего говорить не буду, скоро все узнаете.
Так вот, так как в голову ничего не приходило, о чем можно написать. Решил посмотреть статистику, что же интересует пользователей Рунета по вопросам HTML, WordPress, DLE и тому подобных тем. И знаете что? Есть еще о чем писать. На все вопросы, что я нашел, вроде бы и есть ответы, однако не всегда в понятной форме. Да и вообще стало интересно написать что-нибудь этакое.
Сегодня поговорим об HTML. А именно о том, как выделить текст жирным и курсивным начертанием, а также поговорим о выделении цветом.
Выделение текста жирным начертанием.
Чтобы выделить текст жирным начертанием не нужно ничего мудрить со стилями CSS или придумывать еще какие-либо сложности. В HTML уже есть такая возможность. При этом, мы можем не просто выделить текст жирным, но и сделать на нем некий акцент с помощью выделения. Акцент может делаться для поисковых систем или каких-либо специальных браузеров или программ. Главное это не переборщить с акцентированием текста в статье или на странице с как-то информацией, так как это может губительно сказаться как минимум на продвижении данной HTML-страницы.
Итак, чтобы просто выделить текст жирным, мы можем воспользоваться тегом . Данный тег относится к элементам физической разметки, при этом устанавливая жирное начертание текста, не делая на нем какого-либо акцента. Этот тег является парным, что говорит о том, что он имеет, как открывающий тег, так и закрывающий. Кроме того, так как элемент встроенный, он должен находиться в каком-либо блочном элементе, например
Пример кода:
жирный текст
Результат:
жирный текст
В этом случае мы просто выделили текст жирным начертанием и все.
Но бывает, так что нам нужно не просто выделить текст, а сделать на нем акцент. Для этого мы можем использовать тег логической разметки . Мало того, что текст, выделенный, этим тегом имеет больший вес для поисковых систем. Но и по идее он должен отличаться от тега в речевых браузерах, например интонацией. Однако не могу ни подтвердить, ни опровергнуть данную информацию, так ли это?
В этом случае все абсолютно также как и в случае, с простым выделением жирным, только мы делаем акцент, а не просто выделение.
Пример кода:
Результат:
Все довольно просто, не правда ли?
Выделение текста курсивом.
В этом случае все не сложнее, чем в первом. И ситуация у нас абсолютно та же. Мы можем выделить текст двумя вариантами в HTML. Опять же, используя либо тег физической разметки или же тег логической, с помощью которого мы опять же делаем акцент на выделенный текст.
Чтобы выделить текст курсивом мы воспользуемся тегом . Этот элемент является парным и строчным, что говорит нам о том, что мы должны использовать, как открывающий тег так и закрывающий. А также должны использовать его внутри блочного элемента. И в данном случае наиболее подходящий блочный элемент — тег параграфа
Пример кода:
текст курсивом
Результат:
текст курсивом
И конечно же мы можем сделать акцент на тексте одновременно выделив его курсивом с помощью тега . Данный элемент такой же как , за исключением того что выделяется текст курсивом а не жирным.
Пример кода:
текст, на котором мы сделали акцент
Результат:
текст, на котором мы сделали акцент
И последнее о чем я хотел бы сегодня поговорить — это выделение текста цветом.
К сожалению тега, для выделения текста цветом в HTML мы не имеем. Но все же и в этом способе нет ничего сложного.
Итак, чтобы выделить определенную часть текста цветом, мы можем обернуть нужную часть текста тегом , который является универсальным тегом, и используется внутри блочного элемента. В нашем случае блочным элементом является тег
Но добавить недостаточно. Также необходимо указать параметр style , что позволит добавить CSS свойства необходимому тексту, указать само свойство (color), которое поможет задать определенный цвет. И наконец, указать значение для свойства color . Но может возникнуть вопрос: «Что указывать-то?» Указать необходимо HTML-код того цвета в который мы хотим «покрасить» текст. HTML-коды цветов можно найти .
Теперь чтобы было понятней рассмотрим пример.
Пример кода.
текст, который нужно выделить цветом
В этом случае мы выделяем одно слово: цветом. Также хочу отметить, что тег является парным, и мы должны его закрыть там, где свойство должно закончиться.
Результат:
текст, который нужно выделить цветом
Такими нехитрыми способами мы можем манипулировать текстом на нашей странице. Хочу также отметить, что все то, о чем мы только что говорили, работает и на WordPress и на DLE, ибо любой движок для вывода страниц использует HTML. Именно поэтому HTML можно назвать основой основ любого сайта, не важно, какая у Вас CMS.
Надеюсь, я все понятно объяснил.
Удачи, Друзья. Скоро… Будут интересные новости…
Курсивное начертание — один из самых популярных способов выделить фрагмент текста и придать ему определенную значимость. Он идеально подходит для цитат, сносок, названий и имен собственных. В HTML существует два специальных тега для отображения курсивного начертания. В CSS курсивом управляет свойство font-style.
Курсив или наклонный шрифт?
Отображение одного и того же шрифта в курсивном начертании может различаться.
На картинке — три блока текста, набранных одним и тем же шрифтом Playfair Display. Первый имеет обычное прямое начертание, а второй и третий — курсивное. Они открыты в одном и том же браузере Google Chrome, но выглядят совершенно по-разному.
Дело в том, что некоторые шрифты имеют собственные курсивные наборы символов. Если браузер не имеет доступа к этому набору, но встречает текст, который должен быть отображен как курсивный, он попытается наклонить его своими силами.
Во втором блоке — как раз такой, обработанный браузером, вариант, а в третьем — оригинальный курсивный вариант шрифта Playfair Display, обладающий уникальным начертанием, больше похожий на рукописный. Браузер же просто наклоняет каждый символ текста на определенный угол, имитируя курсив.
Разбираясь, как сделать курсив в CSS или HTML, важно помнить, что в случае специфических шрифтов необходимо обеспечить браузеру доступ к их курсивным наборам. В ряде случаев результат работы браузерных алгоритмов наклона может быть неудовлетворительным.
HTML-курсив
Для курсивного отображения текста в HTML существует два специальных тега: i (от слова italic) и em. Начертание текстового фрагмента, заключенного в любой из этих дескрипторов, будет одинаковым.
Разница заключается в логическом выделении. Тег em указывает на особую значимость фрагмента. Это важно для поисковых роботов и скринридеров, которые будут выделять указанный текст с помощью интонации.
Свойство font-style
В CSS курсивом управляет инструкция font-style. Она может принимать одно из трех базовых значений:
normal — шрифт обычного начертания;
italic — курсивное начертание;
oblique — наклонное начертание.
На настоящий момент большинство современных браузеров обрабатывают значения oblique и italic одинаково, однако изначально предполагалось, что первое — это результат работы специальных браузеров алгоритмов, наклоняющих каждый символ вправо.
Если искомый шрифт браузером не обнаружен, то italic будет выглядеть точно так же, как и oblique.
В отличие от тега em, не придает выделенному фрагменту особой важности, оно скорее соответствует дескриптору i.
Примеры
Курсивным начертанием часто выделяются цитаты. Попробуем придать красивый вид.
Quote { font-style: italic; border-left: 5px solid purple; padding-left: 20px; }
Кроме декоративной рамки справа и отступов, для блока quote определено правило font-style со значением italic.
С его помощью устанавливается курсив в CSS.
Описание
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста. Результат и качество при этом могут получиться неудовлетворительными, особенно при печати документа.
Синтаксис
font-style: normal | italic | oblique | inherit
Значения
normal Обычное начертание текста. italic Курсивное начертание. oblique Наклонное начертание. Курсив и наклонный шрифт при всей их похожести не одно и то же. Курсив это специальный шрифт имитирующий рукописный, наклонный же образуется путем наклона обычных знаков вправо. inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa Fx
font-style
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства font-style
Объектная модель
document.getElementById(«elementID «).style.fontStyle
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .
Браузеры текст со значением oblique всегда отображают как курсив (italic ).
Учебник CSS для начинающих. Свойства шрифта.
Глава 3
В предыдущей главе мы рассмотрели свойства текста, в этой поговорим о том что можно сделать с шрифтом используя инструменты CSS.
Свойство font-style, в зависимости от выбранного значения, определяет стиль шрифта.
Шрифт может иметь следующие стили:
normal — обычный (по умолчанию)
italic — курсив
oblique — наклонный
Пример:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Стиль шрифта</title>
</head>
<body>
это курсив
а это наклонный текст
И чем спрашивается, они отличаются?
</body>
</html>
Чем отличается курсив от наклонного текста? Курсив — это своего рода шрифт взятый из библиотеки шрифтов, а наклонный текст — это результат работы алгоритма, где каждый символ слегка наклоняется в правую сторону.
Весьма интересное свойство шрифта font-variant позволяет делать строчные буквы заглавными и уменьшенными.
Значения:
normal — нормальный (по умолчанию)
small-caps — все буквы заглавные и уменьшенные
Пример:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Все буквы заглавные</title>
</head>
<body>
Купи слона!!
</body>
</html>
Свойство CSS font-size — определяет размер шрифта.
Размер шрифта может быть задан в процентах или пикселях и любых других допустимых единицах измерения CSS, а так же абсолютным или относительным значением.
значения абсолютного размера шрифта:
xx-small — очень очень маленький
x-small — очень маленький
small — маленький
medium — средний
large — большой
x-large — очень большой
xx-large — очень очень большой
значения относительного размера шрифта:
larger — больше чем размер шрифта родительского элемента
smaller — меньше чем размер шрифта родительского элемента
Пример:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Размер шрифта</title>
</head>
<body>
<div>
Размер шрифта родительского элемента (блока DIV) равен 18 пикселям
Этот шрифт будет крупнее относительно элемента родителя
А этот шрифт будет мельче относительно элемента родителя
</div>
В блоке ниже размер штифта элемента родителя огромен (60 пунктов), однако дочерние параграфы расположенные в нём имеют собственное абсолютное значение шрифта и к размеру шрифта элемента родителя никак не привязаны.
<div>
xx-small — очень очень маленький
x-small — очень маленький 
small — маленький 
medium — средний
large — большой
x-large — очень большой
xx-large — очень очень большой
</div>
</body>
</html>
Свойство font-weight — определяет жирность шрифта. Насыщенность шрифта может быть задана относительно шрифта элемента родителя с помощью следующих значений:
normal — обычный шрифт
bold — полужирный шрифт
bolder — жирный шрифт
lighter — тонкий шрифт
А также выражается в условном числовом значении от 100 до 900 с шагом 100 (100, 200, 300… 900) где значение 100 тонкий шрифт, а 900 — сверх жирный.
Пример:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Жирность шрифта</title>
</head>
<body>
<div>
жирный шрифт
тонкий шрифт
жирность шрифта равна 600
</div>
</body>
</html>
Атрибут CSS font-family — указывает одно, два или три имени шрифта из библиотеки шрифтов.
Возможность указывать до трёх имен шрифтов через запятую используется разработчиками во избежание возможных проблем связанных с отсутствием, по тем или иным причинам, указанных имен в библиотеке шрифтов на компьютере пользователя.
Так например запись в стилевом описании P {font-family: Times New Roman, Arial, Verdana;} — будет указывать браузеру пользователя, что данный параграф следует писать с помощью шрифта Times New Roman, а если его по каким то мифическим причинам не окажется в его библиотеке шрифтов то следует использовать шрифт Arial, и уж если и его нет, тогда писать шрифтом Verdana.
Если же браузер не найдёт в библиотеке шрифтов пользователя ни одного шрифта из указанных то он будет использовать тот шрифт который указан в его настройках «по умолчанию»
Однако также можно указать браузеру не только какой то конкретный шрифт, но и обозначить предпочтительное семейство шрифтов из перечисленных ниже возможных
serif — шрифты с засечками
sans-serif — рубленые шрифты
cursive — курсивные шрифты
fantasy — декоративные шрифты
monospace — моношириные шрифты
Например, если в файле CSS написать P {font-family: Times New Roman, sans-serif;} то это будет значить что если вдруг не окажится шрифта с именем Times New Roman, то следует использовать любой (или определённый в настройках браузера) доступный шрифт из семейства sans-serif — рубленых шрифтов.
Пример:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Семейство шрифта</title>
<style type=»text/css»>
h4 {font-family: Times New Roman, Verdana, sans-serif;}
p {font-family: Monotype Corsiva, Verdana;}
span {font-family: Comic Sans MS;}
</style>
</head>
<body>
<h4>Купи слона</h4>
У нас Вы можете по выгодным ценам приобрести лучших слонов!!
</body>
</html>
Вы наверняка обратили внимание на тот факт, что все свойства CSS предназначенные для работы со шрифтом начинаются с английского слова font (собственно шрифт).. font-family, font-size и т.д..
Так вот это неспроста.. дело в том, что все эти свойства являются «дочерними» базового атрибута CSS font в довершении главы о нем собственно и пойдёт речь.
Речь будет недолгой.. )) Итак font — (шрифт), являясь базовым атрибутом, может определять одновременно сразу несколько параметров шрифта принимая те или иные значения от следующих атрибутов:
font-style
font-variant
font-weight
font-size
font-family
Для более детального ознакомления с возможными параметрами смотрите каждый атрибут отдельно.
Предположим нам необходимо написать стилевое описание шрифта для тега  и по нашей задумке шрифт для данного тега должен быть: курсивом, жирным, иметь размер 20 пикселей и использовать шрифт Arial
Все это можно осуществить, написав следующие:
span{ font-style: italic; font-weight: bolder; font-size: 20px; font-family: Arial }
А можно обойтись всего одной строчкой используя базовый атрибут font.
Вот так:
span{font: italic bold 20px Arial}
Мы просто перечислили нужные нам параметры «марки» font. Согласитесь, по-моему, так писать гораздо проще, к тому же код становится более компактным и лёгким для чтения как браузером, так и человеком.
Пример:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Параметры шрифта</title>
<style type=»text/css»>
span{font: italic bold 20px Arial}
</style>
</head>
<body>
Этот текст написан курсивом, он жирный, имеет размер 20 пикселей и использует шрифт Arial
</body>
</html>
Используйте базовый атрибут font если необходимо применить к шрифту элемента более одного свойства.
Помните что текст, прежде всего, должен быть удобным для чтения и только потом красивым и стильным, а по сему советую избегать следующих вещей:
Не стоит использовать огромные и малюсенькие шрифты, это напрягает, ищите золотую середину. Так же не стоит злоупотреблять декоративными шрифтами, конечно, все эти закорючки весьма красивы, но читать длинный текст с таким шрифтом невыносимо. Выделяйте жирным только те фразы и выражения, на которых хотели бы произвести акцент, а курсивом «особые места» в тексте, к примеру, цитаты или афоризмы.
По мнению психологов, в длинном тексте должно использоваться не менее двух шрифтов, но и не более четырёх.. Причем выделение текста «особым» шрифтом должно иметь систематический характер.. Например все заголовки одним шрифтом, «основной текст» вторым, и «особый текст» третьим.

В чем разница между и , и ?
, , И теги , традиционно репрезентативные. Но они получили новое семантическое значение в HTML5 .
и был использован для стиля шрифта в HTML4. был использован для курсива и жирным шрифтом. В HTML5 тег имеет новое семантическое значение « альтернативный голос или настроение », а тег имеет стилистическое смещение .
Примеры использования тега — таксономическое обозначение, технический термин, идиоматическая фраза с другого языка, транслитерация, мысль, названия кораблей в западных текстах. Такие как —
I hope this works, he thought.
Пример использования тега: ключевые слова в извлечении документа, названия продуктов в обзоре, полезные слова в интерактивном текстовом программном обеспечении, ведущий статьи.
Следующий пример абзаца стилистически смещен от абзацев, следующих за ним.
The event takes place this upcoming Saturday, and over 3,000 people have already registered.
и имел значение акцент и сильный акцент в HTML4. Но в HTML5 означает подчеркнутый акцент и означает сильную важность .
В следующем примере должно произойти изменение языка при чтении слова до …
Make sure to sign up before the day of the event, September 16, 2016
В том же примере мы можем использовать тег следующим образом.
Make sure to sign up before the day of the event, September 16, 2016
придать важность дате события.
MDN Ref:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong
HTML Bold Tag Использование и примеры — POFTUT
HTML предоставляет различные теги для стилизации. Полужирный тег используется для выделения выделенного текста полужирным шрифтом, который является тикером, чем обычный. Тег Bold используется для начала и конца текста, чтобы указать текст, который мы хотим выделить жирным.
Полужирный шрифт
Как указывалось ранее, тег жирного шрифта используется для указания начала и конца текстового блока, который мы хотим выделить жирным. Полужирный тег действует только в обычном тексте, что означает, что использование полужирного тега в тегах заголовков, таких как h2, h3, не имеет никакой разницы.
Этот заголовок выделен жирным шрифтом Этот заголовок не выделен жирным шрифтом Этот текст выделен полужирным шрифтом Этот текст не полужирный
Полужирный тег
Сделайте жирным с помощью CSS
Полужирный шрифт обычно используется в качестве тега внутри тела HTML, окружая текст. Но мы можем выделить выделенный жирным шрифтом текст с помощью CSS. Атрибут CSS называется font-weight , как показано ниже.В этом примере мы определим класс CSS с именем bold и применим его с помощью тега span , как показано ниже.
Этот текст выделен полужирным шрифтом Этот текст не полужирный Содержимое этого блока выделено жирным шрифтом Это содержимое div не выделено жирным шрифтом
Сделайте жирным с помощью CSS
HTML не имеет тега
Некоторые начинающие веб-программисты и дизайнеры предполагают, что существует тег с именем .Это неправда. Полужирный тег представлен как без . Если мы попытаемся использовать в качестве тега, он не будет работать, как показано ниже.
Этот текст выделен жирным шрифтом Этот текст не выделен жирным шрифтом Этот текст не полужирный
Элементы форматирования текста
Тег
Bold называется элементом форматирования текста, и есть другие элементы форматирования текста, которые можно использовать для различных целей.Некоторые элементы или теги форматирования текста могут быть похожи на полужирный, но это не то же самое.
используется для полужирного текста.
используется для важного текста.
используется для курсивного текста, где текст будет наклонен
используется для выделенного текста
используется для выделения текста
используется для уменьшения текста
< del> удаленный текст
используется для вставленного текста
_{используется для подписанного текста}
^{используется надстрочный индекс, как в формулах}
Полужирный текст Альтернативы тегов Strong Tag, Emphasize, Mark, Head1
Есть некоторые теги, которые похожи на полужирный. Изучите их, которые используются для чего и отличия от тега .
используется, чтобы стилистически отличаться от другого текста, и здесь нет дополнительной важности, ключевого слова, названия продукта.
используется для выделения акцента в его содержании. Это может быть ключевое слово, название продукта и т. Д.
,
,
,… используются для создания заголовков, которые просто описывают текстовые разделы или части.
используется для ссылки на ключевое слово, имя, заголовок и т. Д. В конце документа.
используется для выделения некоторых важных моментов в данном тексте.
Этот текст выделен жирным шрифтом Это длинный текст Этот текст отмечен Это текст h2 Это сильный текст
Альтернативы жирным тегам Сильный тег, выделить, пометить, заголовок1
Как создавать заголовки полужирным и курсивом в HTML
Встраивайте теги разметки стиля курсивом и жирным шрифтом в код заголовка HTML, чтобы выделить список тем.
Заголовки
Теги заголовков — это самый простой способ разделить ваш документ. Если вы думаете о своем сайте как о газете, то заголовки — это заголовки в газете. Основной заголовок — это h2, а последующие заголовки — от h3 до H6.
Используйте следующие коды для создания HTML.

Это заголовок 1

Это заголовок 2

Это заголовок 3

Это заголовок 4

Это заголовок 5

Это заголовок 6

Держите заголовки в логическом порядке — h2 идет перед h3, которое идет перед h4, и так далее.
Не беспокойтесь слишком о том, как выглядят заголовки — вы должны использовать CSS для стилизации заголовков, а не использовать заголовок не по порядку. Теги заголовков — это элементы уровня блока, поэтому они вставляют за вас разрывы строк. Не помещайте теги абзацев внутри тегов заголовков.
Полужирный и курсив
Есть четыре тега, которые можно использовать для полужирного и курсивного начертания:
и для полужирного шрифта
и для курсива
Неважно, что вы используете.Хотя некоторые предпочитают и , многим легче запомнить для «жирного» и для «курсивного».
Просто окружите свой текст открывающими и закрывающими тегами, чтобы текст был полужирным, или курсивом:
полужирный
курсив

Вы можете вкладывать эти теги (что означает, что вы можете делать текст как полужирным, так и курсивным), и не имеет значения, какой тег является внешним или внутренним.
Например:
Этот текст выделен жирным шрифтом
Этот текст выделен полужирным шрифтом

Этот текст выделен курсивом
Этот текст выделен курсивом

Этот текст выделен жирным шрифтом и курсивом
Этот текст выделен полужирным шрифтом и курсивом

Почему есть два набора тегов, выделенных жирным и курсивом
В HTML4 теги и считались тегами стиля, которые влияли только на внешний вид текста и ничего не говорили о содержимом тега, и их использование считалось дурным тоном.Затем в HTML5 им было придано семантическое значение, выходящее за рамки внешнего вида текста.
В HTML5 эти теги имеют особое значение:
обозначает текст, который не более важен, чем окружающий текст, но типичное типографское представление представляет собой жирный текст, например ключевые слова в аннотации документа или названия продуктов в обзоре.
обозначает текст, который не более важен, чем окружающий текст, но типичное типографское представление — это курсивный текст, такой как название книги, технический термин или фраза на другом языке.
обозначает текст, который имеет большую важность по сравнению с окружающим текстом.
обозначает текст, в котором есть ударение по сравнению с окружающим текстом.
Курсив в заголовках
Ничто не мешает вам использовать курсивные теги в теге заголовка, хотя некоторые браузеры могут вырезать этот контекст. Обычно лучше использовать CSS, чтобы добиться желаемого визуального результата.
Как использовать полужирный текст HTML для увеличения толщины шрифта
Для полужирного текста HTML есть два тега: и .Однако между этими двумя тегами есть несколько различий, которые вы можете найти в конце этого поста. Вы можете использовать их, чтобы выделить текст полужирным шрифтом для форматирования в HTML.
Использование тега HTML
для полужирного текста HTML
Вы можете сделать текст полужирным, поместив текстовое содержимое внутри начального тега и закрывающего тега .
Это тег стиля , который можно использовать для выделения текстового содержимого жирным шрифтом.
Это выделяет текст среди других текстов в содержании.После выделения текста полужирным шрифтом можно легко отличить от других слов в абзаце.
Давайте посмотрим на синтаксис для использования на ваших HTML-страницах.
Синтаксис
Введите текст здесь…
Используя указанный выше синтаксис, вы можете добавить полужирный текст, как показано в примере ниже.
Пример
Проверить это вживую Это полужирный текст
Текст выделен жирным шрифтом
Выход
Это полужирный текст
В приведенном выше примере показано содержание полужирного текста.Все текстовое содержимое в примере выделено жирным шрифтом. Однако вы должны выделять жирным шрифтом только те слова, которые вы хотите выделить в содержании.

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

и Между этими двумя тегами есть несколько различий, о которых вы можете узнать ниже.
Тег — это тег стиля HTML, а тег — тег сегментарного выделения.
Вы можете использовать тег b только для , чтобы сделать шрифт полужирным . Тем не менее, сильный тег можно использовать, чтобы сделать акцент на слове содержания.
Тег b — это презентационный тег , в то время как строгий тег не является презентационным тегом.
Тег
b делает текст полужирным без важности , в то время как сильный тег придает важность слову.
Надеюсь, вам понравился этот пост о том, как использовать полужирный тег в HTML. Если у вас есть какие-либо вопросы относительно учебника, , пожалуйста, прокомментируйте ниже .
Похожие сообщения
дополнительных стилей шрифтов HTML — полужирный / курсив

Помимо форматирования текста с помощью элемента font и его атрибутов - начертания, размера и цвета - существует множество других стилей шрифтов HTML, которые вы можете использовать для форматирования текста на своей веб-странице. Они подробно перечислены ниже вместе с примерами кодов: Полужирный ~ Использование полужирного текста отобразит ваш текст более толстым шрифтом, благодаря чему одно или несколько слов действительно выделятся среди остальных и будут привлекать внимание читателя к эти слова.Это имеет множество применений и во многом дело вкуса. Жирный текст иногда используется для заголовков списков, например, в этом списке стилей шрифтов. Чтобы создать полужирный текст, поместите желаемый текст в теги ... . Пример: Здесь выделен жирный текст. Курсив ~ Стиль курсивного шрифта наклоняет текст вправо на и, таким образом, также может использоваться для привлечения особого внимания к одному или нескольким словам.Вы можете использовать курсив вместо полужирного, если полужирный шрифт слишком «громкий» для ваших целей. Курсив имеет множество других применений, и его использование в значительной степени зависит от вкуса. Курсив часто применяется к названиям газет, журналов и книг, например, когда нужно упомянуть The New York Times . Чтобы отобразить текст курсивом с использованием HTML, поместите желаемый текст в теги ... . Пример: Здесь идет ваш курсивный текст. Подчеркнутый ~ Подобно полужирному и курсиву, подчеркивание также может использоваться для выделения одного или нескольких слов, но это, как правило, имеет ограниченное использование на веб-страницах, поскольку подчеркнутый текст также является шрифтом по умолчанию стиль для гиперссылок. Опытные интернет-пользователи автоматически предполагают, что весь подчеркнутый текст представляет собой гиперссылку. Таким образом, если вы используете подчеркивание, имейте в виду, что некоторые читатели будут вынуждены навести указатель мыши на подчеркнутый текст, думая, что это гиперссылка.Затем, обнаружив, что это всего лишь текст, который вы хотели подчеркнуть, они могут рассердиться на то, что вы зря потратили их время, и, что еще хуже, могут проигнорировать подлинные гиперссылки, которые позже появляются на веб-странице. Следовательно, для ясности следует избегать подчеркнутого текста. Однако в зависимости от обстоятельств это может не быть проблемой. Чтобы создать подчеркнутый текст, поместите желаемый текст в теги ... . Пример: Здесь указывается подчеркнутый текст. Зачеркнутый ~ Используя HTML, вы можете создать текст, который выглядит как зачеркнутый или выглядит так, как будто через него проведена линия. Формально это используется для обозначения текста, который был отредактирован или изменен, но в нем также есть забавных умных юмористических приложений, которые, возможно, стоит изучить. Чтобы создать зачеркнутый текст, поместите желаемый текст в теги ... или ... тегов. Пример: Здесь находится зачеркнутый текст. Телетайп ~ Этот вид текстового стиля имитирует моноширинный текст, созданный пишущей машинкой или телетайпом, и часто используется для обозначения исходного кода HTML в справочных файлах или учебных пособиях, таких как этот. Чтобы создать текст телетайпа, поместите желаемый текст в теги ... . Пример: Здесь находится текст вашего телетайпа. Стиль моноширинного текста также можно создать с помощью тегов ... : Здесь находится текст вашего кода. Надстрочный индекс ~ Используя HTML, вы можете создать текст, который поднимается над предыдущим текстом и отображается более мелким шрифтом. Это можно использовать для математических соображений или для формального аннотирования композиций, таких как статьи или эссе. Например: Чтобы создать надстрочный текст, поместите желаемый текст (обычно число) в ^... тегов. Пример: Такой-то и такой-то официально заявил, что он очень одобряет последнее соглашение. ¹ Однако в другом месте сообщалось, что он не одобрил. ² Нижний индекс ~ Этот тип текста расположен ниже базовой линии предыдущего текста и отображается меньшим шрифтом. Это можно использовать для отображения химических обозначений: Чтобы создать нижний текст, поместите желаемый текст в _... тегов. Пример: Химическое обозначение воды - H ₂ 0. Теперь, когда вы познакомились с кодами HTML, которые можно использовать для форматирования текста на своей веб-странице, вы можете задаться вопросом, как правильно комбинировать стили шрифтов ... См. также: В чем разница между HTML и HTML? - Techstacker Полужирный шрифт (также известный как полужирный шрифт) считается сильным акцентом в типографике.В современном HTML есть два элемента HTML, которые по умолчанию применяют жирный шрифт (также называемый «полужирным») к текстовому элементу (в большинстве браузеров). Вы можете использовать тег или , например: Строгий тег используется для выделения текста. Тег b используется для выделения текста. В современном HTML (HTML5) и , и считаются семантическими и действительными.Несмотря на то, что в современных браузерах они имеют одинаковый презентационный стиль жирным шрифтом, они не имеют одинакового значения или цели. Так в чем разница между использованием strong и b, и какой из них следует использовать для чего? Элемент используется для очень важного содержимого (например, предупреждений). Элемент используется для привлечения внимания, но не указывает на важность. Пример использования : Испанское слово идиома означает «язык».Оно происходит от греч. В приведенном выше примере я, как типограф, решаю выделить слово idioma не потому, что оно имеет большое значение, , а потому, что это иностранное, неанглийское слово, которое я хочу выделить из окружающего текста. Это скорее стилевое решение, чем что-то, что я должен сделать, чтобы передать смысл. Итак, если вы хотите привлечь внимание к чему-либо без определенного семантического значения, исторически (до HTML5) правильным было бы использовать .Тем не менее, в наше время мы не используем HTML для презентации, мы используем CSS, поэтому я не использую Пример использования : В 2020 году безопасность и производительность имеет решающее значение для вашего SEO. В приведенном выше примере я решил особо выделить безопасность и производительность , потому что эти темы действительно имеют большое значение для SEO (и UX) вашего сайта. По умолчанию и будут применять один и тот же стиль полужирного шрифта к тексту в большинстве браузеров, что по понятным причинам вызывает большую путаницу. Зачем заставлять их выглядеть одинаково, если это разные инструменты для разных сценариев использования? Согласен с вами. Это раздражает. Вот почему вы можете захотеть переопределить настройки браузера по умолчанию и применить к ним другой стиль. Хороший способ провести различие между и в презентационной форме - это применить вес шрифта от 500 до 900 (в зависимости от семейства шрифтов) к вашему элементу с помощью CSS.Как это: сильная { font-weight: 700; } А затем используйте другой стиль для , например: b { font-weight: 400; цвет: зеленый; } Вышеупомянутое не является предложением стиля, а является примером того, как вы можете упростить запоминание того, который вы использовали при просмотре отрисованных страниц в вашем браузере. Если вы используете уценку Если вы попытаетесь преобразовать или в уценку в конвертере HTML в Markdown, таком как Browserling, вы заметите, что оба они получают одинаковое значение ** ** , которое отображается в . в браузере. Так что же дает? Я не уверен. Я не могу найти руководства по уценке, в котором показано, как отображать в браузере при использовании уценки, по крайней мере, не с использованием синтаксиса уценки. Не беспокойтесь, вы все равно можете применять синтаксис HTML непосредственно в файлах разметки (если вы не используете старую версию). Поэтому, если вы хотите или вам нужно использовать вместо , вы можете просто добавить его следующим образом: Вот строка текста внутри файла markdown , которая автоматически оборачивается тегами абзаца Я пишу это руководство по уценке.Теперь я выделю этот текст с помощью элемента . Если вы отметите и выделите этот абзац и нажмете «Проверить», вы увидите, что он действительно использует элемент . Неужели так важно, чем вы пользуетесь? Это явно не вопрос жизни или смерти, иначе современные браузеры не смогли бы отображать и с одинаковым полужирным шрифтом. Однако семантически есть различие, и я хотел донести это сообщение.Так что, если вы собираетесь на собеседование, где очень много внимания уделяют семантической разметке, важно понимать разницу. Итого: используется для привлечения внимания к конкретному тексту. используется для важного текста. В случае сомнений используйте . Хорошее практическое правило - вообще не злоупотреблять акцентом. Когда вы пытаетесь выделить слишком много, акцент теряет свою силу. Если вы подчеркиваете все, вы ничего не подчеркиваете (я смотрю на вас, обычные сайты с маркетинговыми целевыми страницами). Полужирный, курсив и подчеркнутый текст Полужирный, курсив и подчеркнутый текст Примечания: HTML-тег b | HTML сильный тег HTML тег u | HTML-тег INS Тег HTML i | HTML-тег em Теги форматирования текста: Как мы знаем, HTML - это язык форматирования веб-страниц. Для форматирования содержимого нашей веб-страницы мы используем разные теги. HTML-тег b: это парный тег, используемый для отображения текста в полужирном формате. HTML strong tag: это парный тег, используемый для отображения текста в полужирном формате. Тег HTML i: это парный тег, используемый для отображения текста курсивом. HTML-тег em: это парный тег, используемый для отображения текста курсивом. HTML-тег u: это парный тег, используемый для отображения текста в подчеркнутом формате. Тег HTML ins: это парный тег, используемый для отображения текста в формате подчеркивания. Таким образом, вы можете использовать сильный тег html вместо тега html b, тег html ins вместо тега html u и тег html em вместо тега html i. Пример кода: HTML-теги b, i и u Привет, HTML! Привет, HTML! Привет, HTML! Привет, HTML! Привет, HTML! Привет, HTML! Вопросы на собеседовании: 1.Вместо тега html b, какой другой тег html используется для отображения текста полужирным шрифтом? а. жирный б. сильный c. черный d. em Ответ: b 2. Какой тег HTML используется как альтернатива тегу html i? а.сильный б. ins c. em d. курсив Ответ: c Усильте текст и выделите его - создавайте свои первые веб-страницы с помощью HTML и CSS https: // vimeo.com / 270701475 В предыдущей главе вы узнали, как добавлять в текст заголовки и абзацы, чтобы придать больше смысла и структуры неструктурированному тексту. Основой для примера в прошлой главе была статья в Википедии, в которой вы, возможно, заметили текст, который вы считаете «жирным» или «курсивом». Полужирным шрифтом вы видите «белый медведь» и «белый медведь», а курсивом вы можете увидеть более точные научные или лингвистические названия: Некоторые тексты в этом тексте выделены жирным шрифтом (жирным шрифтом) или выделены (курсив). В обычном сценарии обработки текста вы можете выделить текст, который хотите выделить жирным или курсивом, а затем щелкнуть кнопки, которые обычно выглядят следующим образом: Кнопки, чтобы выделить текст в типичном сценарии написания Это сделает ваш текст полужирным или курсивом.Однако, чтобы сделать то же самое в HTML, мы должны скорректировать наши представления о внешнем виде текста. В первой части этого курса мы узнали, что HTML должен добавлять смысл вашему контенту. HTML не должен заботиться о чистом виде вашего контента. Добавление правильных HTML-тегов позволяет просматривать ваш веб-контент человеческим глазом, да, но это также позволяет браузерам и поисковым системам понимать ваш контент - и им все равно, как он выглядит, правда! Браузеры и поисковые системы обращаются к вашему HTML только для того, чтобы отличить элементы друг от друга.Это помогает браузерам обеспечивать единообразие просмотра веб-страниц. Вот почему думать о тексте как о «жирном» или «курсивном» не имеет смысла в HTML. «Жирный» и «курсив» описывают только внешний вид текста. На самом деле, преобразование текста, подобного этому, , добавляет значение определенным словам. Выделение слов жирным шрифтом или курсивом на самом деле делает определенный текст более выразительным. И представьте себе! Имена тегов, которые вы будете использовать в HTML, - и (для выделенного), чтобы достичь вашей цели по созданию более мощного текста. Сильный текст Полужирный текст считается «сильным» в HTML. Обведите текст, который нужно усилить, открывающим тегом и закрывающим тегом . Независимо от того, появляется ли текст, который вы хотите усилить, в середине предложения или является целым предложением, процесс переноса тегов одинаков. В первой строке следующего кода только два слова являются строгими. Во второй строке весь абзац жирный. Иногда вам нужно сделать определенные слова более мощными, чем остальной текст. Тег «strong» в HTML по умолчанию выделяет текст полужирным. Результат выделенный текст Жесткий («полужирный») текст полезен, но иногда вам нужно больше нюанс. Введите выделенный текст. Результат по умолчанию будет визуально идентичен тексту, выделенному курсивом. Иногда вам нужно выделить определенные слова больше, чем остальной текст. Тег «em» (что означает выделение) в HTML по умолчанию выделяет текст курсивом. Результат Почему у этих тегов нет более простых имен, например ? Это очень хороший вопрос. Помните, что HTML контролирует содержимое, а не внешний вид. Вместо этого CSS контролирует внешний вид. Добавляя теги или вокруг текста, который вы хотите усилить или выделить, вы можете позже использовать CSS, чтобы изменить поведение этого текста по умолчанию. Например, даже несмотря на то, что по умолчанию выделяет текст полужирным шрифтом, вы можете добавить собственный CSS, чтобы сделать элементы красными, а не полужирными.В любом случае текст сильнее. Сделать его «жирным» - не главное; важна важность текста, и то, как вы отразите это во внешнем виде текста, зависит от вас. Практика! Теперь ваша очередь попробовать добавить четкий (жирный) текст и выделение (курсив) к контенту! Перейдите к этому упражнению CodePen. Добавьте яркости (жирный шрифт) и выделение (курсив) тексту белого медведя, как показано ниже (щелкните, чтобы увеличить). Текст «Белый медведь» Следуйте инструкциям ниже: Добавьте 2 экземпляра сильного текста в статью.Подсказка: окружите следующие группы слов и , чтобы имитировать изображение выше: полярный медведь белый медведь Разрешите странице обновиться и проверьте свои изменения в браузере ниже. Добавить в статью 15 экземпляров выделенного (курсивного) текста. Подсказка: добавьте теги и вокруг: (Ursus maritimus) (Ursus arctos middendorffi) Ursus maritimus nanook 0003 3 nanuq nanuq medvédj Oshkúj oski ours blanc ours polaire Isbjørn Thalarctos Ursus maritimus Что вы думаете об этом курсе? Дайте нам знать здесь.

Полужирный шрифт в html: Тег | htmlbook.ru

font-weight — жирный текст | CSS справочник

Поддержка браузерами

Описание

Синтаксис

Значения свойства

Пример

seodon.ru | Учебник HTML — Как изменить шрифт?

Изменение стилей шрифтов

Тег <SPAN> или что делать, когда нет нужных тегов

Меняем имя (гарнитуру) шрифта

Меняем размер шрифта

Размер шрифта заголовка составляет 120% от размера в BODY.

Еще немного об атрибуте style

Выравнивание, стили шрифта и горизонтальные линии документах HTML

15.1.1 Цвет фона

15.1.2 Выравнивание

15.1.3 Плавающие объекты

«Всплывание» объекта

Обтекание текста вокруг объекта

15.2.1 Элементы стиля шрифта:

15.2.2 Элементы модификатора шрифта:

15.3 Горизонтальные линии: элемент

Как установить полужирный шрифт с помощью CSS? Плотность шрифта 600 не

Семейства шрифтов состоят из нескольких разных шрифтов

Пример

Справка

Тестирование

старые теги нового назначения Какой тег выделяет курсив

HTML форматирование текста: зачеркнутый, подчеркнутый текст

Как писать в html курсивом?

Какие есть css-свойства для курсивного текста?

Как вывести курсивом нестандартный шрифт?

Выделение текста жирным начертанием.

Выделение текста курсивом.

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

HTML-курсив

Свойство font-style

Примеры

Описание

Синтаксис

Значения

Объектная модель

Браузеры

Учебник CSS для начинающих. Свойства шрифта.

В чем разница между и , и ?

HTML Bold Tag Использование и примеры — POFTUT

Этот заголовок не выделен жирным шрифтом

Сделайте жирным с помощью CSS

HTML не имеет тега

Элементы форматирования текста

Полужирный текст Альтернативы тегов Strong Tag, Emphasize, Mark, Head1

,

,

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

Это текст h2

Как создавать заголовки полужирным и курсивом в HTML

Заголовки

Это заголовок 1

Это заголовок 2

Это заголовок 3

Это заголовок 4

Это заголовок 5

Это заголовок 6

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

Почему есть два набора тегов, выделенных жирным и курсивом

Курсив в заголовках

Как использовать полужирный текст HTML для увеличения толщины шрифта

Использование тега HTML

выделенный текст

Практика!

3