Html как текст сделать жирным: Тег | htmlbook.ru

20.01.1979 Facebook Twitter LinkedIn Google+ Разное

Содержание

Как сделать текст жирным, курсивом, подчеркнутым и так далее. Самоучитель HTML

Возможно с этой главы нужно было начинать, после определения основного, т.к. эта глава html самоучителя самая простая…
Да и рассказывать здесь особо нечего , а нужно сразу показывать!!! Но хотел бы обобщить эти теги только тем что они все являются контейнерами.

Как сделать текст жирным?, е просто нужно поместить в тег<b>текст</b> он же <bold>текст</bold>

Альтернативой тега B(BOLD) есть <strong>текст</strong>
Я вам немного рассказывал об оптимизации страниц, так вот, чтобы ваши страницы находили посетители нужно не только ключевой запрос вставлять в тег TITLE и h2(h3), но и хотя-бы 2-3 раза повториться на странице и плюс к этому попытаться сделать словосочетания из ключевого запроса, а потом выделить эти запросы жирным или строгим(strong), это повышает шансы вашего сайта на поисковую выдачу.

Как сделать текст подчеркнутый?, его помещаем в тег <U>текст</U>

Как сделать текст курсивом?, его нужно поместить тег контейнер <i>текст</i>

Чтобы текст был перечеркнутый его нужно поместить в тег <S>текст</S>

Как сделать текст больше базового без тега FONT?, при помощи тега <big>текст</big>

Так-же текст можно сделать немного меньше базового при помощи тега <small>текст</small>

Так же есть возможность сделать моноширинный текст <tt>текст</tt>

Чтобы текст был немного выше его нужно поместить в тег-контейнер <sup>текст</sup>, зачем это нужно? например чтобы написать формулу воды

H2O

Так-же есть тег для нижнего индекса(под индекс) текста <sub>текст</sub>, например: 3/4

Подобных тегов намного больше, но с остальными также проблема что и с тегом <BASEFONT>, т. е. содержимое этих тегов каждый пользовательский агент отображает по разному…

Я вам демонстрировал эти теги по одиночке, но этого делать не обязательно, можно к одному участку текста использовать несколько тегов:
Этот текст <B> будет жирным, <tt> шрифт как у пишущей машинки, <u> здесь подчеркнут</u>, <s> а здесь перечеркнут</s> </tt> </B>
Результат:
Этот текст будет жирным, шрифт как у пишущей машинки, здесь подчеркнут, а здесь перечеркнут
Обратите внимание как правильно закрывать теги, главное чтобы они не пересекались!!!

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

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

Заголовки

Теги заголовков — это самый простой способ разделить ваш документ. Если вы думаете о своем сайте как о газете, тогда заголовки — это заголовки в газете. Основной заголовок — это h2, а последующие заголовки — от h3 до H6.

Используйте следующие коды для создания HTML.

<h2> Это заголовок 1 </ h2> 
<h3> Это заголовок 2 </ h3> 
<h4> Это заголовок 3 </ h4> 
<h5> Это заголовок 4 </ h5> 
<h5> Это заголовок 5 </ h5> 
<h6> Это заголовок 6 </ h6>

Держите заголовки в логическом порядке — h2 предшествует h3, который предшествует h4, и так далее.

Не беспокойтесь о том, как выглядят заголовки — вы должны использовать CSS для стилизации заголовков, а не использовать заголовки не по порядку. Теги заголовков — это элементы уровня блока , поэтому они ставят для вас разрывы строк. Не помещайте теги абзаца внутри тегов заголовка.

Жирный и Курсив

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

  • <strong> и <b> для жирного
  • <em> и <i> для курсива

Неважно, какой вы используете. В то время как некоторые предпочитают <strong> и <em>, многие люди находят <b> для «жирный» и <i> для «курсив» легче запомнить.

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

<b> полужирный </ b> 
<i> курсив </ i>

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

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

<strong> Этот текст выделен жирным шрифтом </ strong>

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

<em> Этот текст выделен курсивом </ em>

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

<strong> <em> Этот текст выделен жирным шрифтом и курсивом </ em> </ strong>

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

В HTML4 теги <b> и <i> считались тегами стиля, которые влияли только на внешний вид текста и ничего не говорили о содержимом тега, и их использование считалось плохой формой. Затем в HTML5 им было дано семантическое значение вне внешнего вида текста.

В HTML5 эти теги используют определенные значения:

  • <b> обозначает текст, который не важнее окружающего текста, но типичным типографским представлением является жирный текст, например ключевые слова в аннотации документа или названия продуктов в обзоре.
  • <i> обозначает текст, который не более важен, чем окружающий текст, но типичным типографским представлением является текст курсивом, такой как название книги, технический термин или фраза на другом языке.
  • <strong> обозначает текст, который имеет большое значение по сравнению с окружающим текстом.
  • <em> обозначает текст, который имеет подчеркнутый удар по сравнению с окружающим текстом.

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

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

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

Внешний вид текста в html-документе

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

За внешний вид текста в html-документе отвечает тег <font>. Это тег парный: значит в конце абзаца нам необходимо его закрыть — </font>.

Сам по себе тег <font> ничего не значит. Важность ему придают его атрибуты. Так что, если мы хотим придать тексту абзаца определенный цвет, мы должны прописать атрибут, отвечающий за цвет. Это атрибут color к которому необходимо добавить значение цвета.

Пример:

<p><font color=»green»>Текст абзаца стал зеленым</font></p>

Так же на примере видно, что тег <font> — вложенный тег, он прописан внутри тега <p>.

Кроме атрибута color, тег <font> имеет еще один важный атрибут — это атрибут face. Он отвечает за шрифт текста — какой шрифт будет использоваться в этом абзаце. Самые распространенные шрифты на сегодня — это Verdana, Tahoma. Рекомендуется пользоваться именно этими шрифтами, так как при использовании экзотических шрифтов, таковых может не оказаться на компьютере посетителя вашего сайта и страница у него будет отображаться стандартным шрифтом.

Пример:

<p><font color=»green» face=»Verdana»>Текст абзаца шрифтом Verdana</font></p>

 

Теперь давайте разберемся со способами выделения в тексте. Бывают моменты, когда необходимо выделить часть абзаца, одно слово или весь абзац. За выделение текста жирным шрифтом отвечает тег <strong>. Именно ту часть текста, которую мы хотим выделить жирным, помещаем внутрь тега <strong>.

Пример:

<p>Текст абзаца<strong>выделение в тексте жирным</strong>текст</p>

Если же мы хотим сделать выделение в тексте курсивом, применяем тег <em>.

Пример:

<p>Текст абзаца<em>выделение курсивом</em>текст</p>


При желании, текст можно выделить и жирным, и курсивом. В этом случае к тегу <strong> добавим еще тег <em>:

Пример:

 

<p>Текст <strong><em>выделение жирным курсивом </em></strong> текст</p>

 

В литературе вы можете встретить, что для выделения текста жирным применяется тег <b>. Это устаревший тег. Именно он использовался для выделения текста жирным в предыдущих версиях языка html. Тоже самое и с курсивом: раньше, для выделения текста курсивом, использовался тег <i>.

Следующий урок — размещение изображения.

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

Автор admin Просмотров 2.1к. Обновлено

Начиная с первых версий HTML, чтобы текст отображался жирным шрифтом, достаточно было вставить его в тег <b> , а также выделить предложение курсивом, используя тег <i> .

Для более семантически ориентированной конструкции документа и с более поздними языковыми версиями было рекомендовано использовать <em> для курсива и <strong> для полужирного. Соответственно, два тега обозначают акцент (выделение) и сильный акцент (браузеры назначают им курсив и полужирный как их стили).

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

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

Итак, давайте попробуем понять, как использовать различные теги:

ТЕГ ОПИСАНИЕ
<Strong> Жирный текст. Приписывает текст для выделения важности. Это помогает тематизировать страницу, а также может использоваться для стратегий SEO, а также в заголовках для обозначения наиболее важной части заголовка
<B> Устанавливает жирное начертание шрифта. Предлагает стилистическое различие по отношению к остальной части контента, не придавая особой важности тексту ( примечание: жирный он или нет, не имеет значения).
<Em> Браузеры отображают такой текст курсивным начертанием. Подобно <Strong>, он служит для представления текста или предложения, которое имеет большее значение по отнощению к другому тексту.
<I> Устанавливает курсивное начертание шрифта. Он служит для представления текста, который выражает тон, настроение или что-то, что отличается от остального содержимого, без добавления дополнительных значений или важности.

В конечном счете, выразительная способность «strong» и «em» улучшена, а также «i» и «b», когда-то освобожденные от определений курсива и жирного шрифта . Что касается стилей, они теперь полностью ограничены CSS.

Не удается найти страницу | Autodesk Knowledge Network

(* {{l10n_strings.REQUIRED_FIELD}})

{{l10n_strings.CREATE_NEW_COLLECTION}}*

{{l10n_strings.ADD_COLLECTION_DESCRIPTION}}

{{l10n_strings.COLLECTION_DESCRIPTION}} {{addToCollection.description.length}}/500 {{l10n_strings.TAGS}} {{$item}} {{l10n_strings.PRODUCTS}} {{l10n_strings.
DRAG_TEXT}}  

{{l10n_strings.DRAG_TEXT_HELP}}

{{l10n_strings.LANGUAGE}} {{$select.selected.display}}

{{article.content_lang.display}}

{{l10n_strings.AUTHOR}}  

{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

{{$select. selected.display}} {{l10n_strings.CREATE_AND_ADD_TO_COLLECTION_MODAL_BUTTON}} {{l10n_strings.CREATE_A_COLLECTION_ERROR}}

Как форматировать текст в сообщениях Telegram

1. С помощью встроенной панели

Где работает: Android, iOS, Windows, macOS.

Самый удобный способ изменить начертание шрифта в Telegram на большинстве платформ — использовать встроенную панель форматирования. С её помощью можно быстро переключаться между жирным, курсивным, моноширинным, зачёркнутым и подчёркнутым типами начертания, а также вставлять в текст ссылки.

Недостаток у этого способа один — панель отсутствует в веб‑версии мессенджера.

Чтобы отформатировать текст в Android, выделите его, нажмите на три точки и выберите нужный тип начертания.

Чтобы изменить текст в iOS, выделите его, нажмите на стрелку, затем «B I U», после чего выберите нужный тип начертания.

Чтобы осуществить форматирование в Windows или macOS, выделите текст, кликните по нему правой кнопкой мыши, наведите курсор на пункт «Форматирование» в контекстном меню и выберите нужный тип начертания.

2. С помощью клавиатурных сокращений

Где работает: Windows, macOS.

В десктопных версиях Telegram быстрее всего форматировать текст с помощью горячих клавиш.

  • Чтобы сделать текст жирным, выделите его и нажмите Ctrl/Cmd + B.
  • Чтобы сделать текст курсивным, выделите его и нажмите Ctrl/Cmd + I.
  • Чтобы сделать текст подчёркнутым, выделите его и нажмите Ctrl/Cmd + U.
  • Чтобы сделать текст моноширинным, выделите его и нажмите Ctrl/Cmd + Shift + M.
  • Чтобы вернуть обычный тип начертания, выделите текст и нажмите Ctrl/Cmd + Shift + N.

3. С помощью спецсимволов

Где работает: Android, iOS, Windows, macOS, веб.

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

  • Чтобы сделать текст жирным, заключите его в двойные звёздочки. Пример: **жирный текст**.
  • Чтобы сделать текст курсивным, добавьте сразу перед ним и после него по два символа подчёркивания. Пример: __курсивный текст__.

4. С помощью сайта 4txt.ru

Где работает: Android, iOS, Windows, macOS, веб.

4txt.ru тоже может быть полезен для пользователей веб‑версии Telegram. Но этот сайт позволяет делать текст только подчёркнутым или зачёркнутым, остальные его функции на начертание в мессенджере не влияют.

Чтобы отформатировать написанное, откройте сайт 4txt.ru, выберите в верхнем меню нужный тип начертания и введите необходимые слова в поле «Текст». Затем скопируйте содержимое поля «Результат» и вставьте его в мессенджер.

Сайт Telegram →

Читайте также ✉📱💻

Жирный шрифт.

HTML-пособие для начинающих

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

Жирный шрифт как способ выделить главное

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

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

Другие варианты выделения

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

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

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

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

Использование нескольких шрифтов

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

При этом надо помнить одно – все тэги должны закрываться последовательно. Например, правильная запись может быть такой:

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

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

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

В таком случае браузер запутается и не поймет, что именно вы от него хотите.

Кстати, тут можно отметить, что три варианта начертания – жирное, подчеркнутое и курсивное — запоминаются довольно легко, если вы владеете горячими клавишами в Word. Там начертание задается с помощью тех же букв-клавиш при зажатом Ctrl.

Как видите, использовать можно не только курсивный или жирный шрифт. HTML-разметка позволяет выделять слова так же легко, как и обычный Word.

Выводы

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

Для того чтобы изменить начертание шрифта, следует использовать любой известный вам тег. Жирный шрифт HTML-страницы — наиболее яркий и заметный, а потому используется наиболее часто для выделения.

HTML-элементов цитаты

В этой главе мы рассмотрим

, , ,
, , и элементов HTML.

Пример

Вот цитата с сайта WWF:

Вот уже почти 60 лет WWF защищает будущее природы. Ведущая мировая природоохранная организация, WWF работает в 100 странах и поддерживается более чем миллионом членов в Соединенных Штатах и около пяти миллионов по всему миру.
Попробуй сам »

HTML

для котировок

Элемент HTML

определяет раздел, который цитируется из другого источника.

Браузеры обычно делают отступ

элементов.

Пример

Вот цитата с веб-сайта WWF:



В течение 50 лет WWF защищает будущее природа.
В мире ведущая природоохранная организация,
WWF работает в 100 странах и является поддерживают
1,2 миллиона членов в США и
около 5 миллионов по всему миру.

Попробуй сам »

HTML

для коротких цитат

Тег HTML определяет короткую цитату.

Браузеры обычно заключают цитату в кавычки.

Пример

Цель WWF: Построить будущее, в котором люди будут жить в гармонии с природа.

Попробуй сам »

HTML

для сокращений

Тег HTML определяет аббревиатуру или акроним, например «HTML», «CSS», «Мистер», «Доктор», «Как можно скорее», «Банкомат».

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

Совет: Используйте глобальный атрибут title для показать описание к аббревиатура/аббревиатура при наведении курсора на элемент.

Пример

ВОЗ была основана в 1948.

Попробуй сам »

HTML

<адрес> для контактной информации

Тег HTML

определяет контактную информацию для автора/владельца документа или статья.

Контактная информация может быть адресом электронной почты, URL-адресом, физическим адресом, телефоном. номер, никнейм в социальных сетях и т. д.

Текст в элементе

обычно отображается курсивом , и браузеры будут всегда добавляйте разрыв строки до и после элемента
.

Пример


Автор: John Doe.

Посетите нас по адресу:

Example.com

Box 564, Disneyland

USA

Попробуй сам »

HTML

для названия работы

Тег HTML определяет заголовок творческая работа (т. грамм. книга, стихотворение, песня, фильм, картина, скульптура и др.).

Примечание: Имя человека не является названием произведения.

Текст в элементе обычно отображается курсивом .

Пример

Крик Эдварда Мунка. Написана в 1893 году.

Попробуй сам »

HTML

для двунаправленного переопределения

BDO расшифровывается как двунаправленная блокировка.

Тег HTML используется для переопределения текущее направление текста:

Пример

Этот текст будет написан справа налево

Попробуй сам »

HTML-упражнения

Элементы цитат и цитирования HTML

Бирка Описание
<сокращение> Определяет аббревиатуру или акроним
<адрес> Определяет контактную информацию для автора/владельца документа
Определяет направление текста
<цитата> Определяет раздел, цитируемый из другого источника
<цитировать> Определяет название произведения
Определяет короткую встроенную цитату


Как сделать жирный текст HTML

Чтобы выделить жирный текст в HTML, вы можете использовать тег , тег или размер шрифта в CSS.

При разработке веб-страницы может потребоваться выделить определенный фрагмент текста.

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

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

Тег HTML

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

Вот пример тега HTML в действии:

Это так просто. Если вы хотите выделить определенную часть текста жирным шрифтом, но оставить остальную часть абзаца, вы можете заключить тег в раздел, как мы делаем ниже: 

 
Этот текст не выделен жирным шрифтом. Но этот текст выделен жирным шрифтом!

Вот результат нашего кода:

81% участников заявили, что стали более уверенными в своих перспективах работы в сфере технологий после посещения буткемпа.Подберите себе буткемп сегодня.

Найдите свой матч для буткемпа

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

Начните свою карьеру сегодня

Начало абзаца нормальное, а текст внутри тега выделен жирным шрифтом.

Тег HTML

Кроме того, вы можете использовать тег для создания жирного текста в HTML . Тег точно такой же, как и тег , с одним отличием: сильный тег указывает на то, что его содержимое требует особого внимания. Вот пример использования тега : 

 
Ваше имя пользователя на новом компьютере — JohnAppleseed


Внимание! Вы должны изменить свой пароль после входа в систему.

Наш код возвращает следующее:

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

CSS font-weight Свойство

Теги и используются в элементах vanilla HTML , чтобы указать, что текст важен и должен быть прочитан. Однако есть также свойство CSS , которое дает нам больше контроля над тем, как выглядит наш текст: font-weight .

font-weight позволяет программистам определять, насколько тяжелым или легким — насколько жирным — будет отображаться определенная часть текста. Вот пример тега font-weight , примененного к абзацу с тегом Thick :

.

HTML :

Найдите свою пару для буткемпа