Содержание

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
3.0+1.0+4.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

Тег <strong> предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.

Синтаксис

<strong>Текст</strong>

Закрывающий тег

Обязателен.

Атрибуты

Для этого тега доступны универсальные атрибуты и события.

Аналог CSS

font-weight

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег STRONG</title>
 </head>
 <body>

  <p><strong>Lorem ipsum dolor sit amet</strong></p>
  <p><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit, 
  sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat 
  volutpat.  <strong>Ut wisis</strong> enim ad minim veniam, quis nostrud exerci 
  tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид акцентированного текста в тексте

Примечание

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

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

как выделять жирным шрифтом слова в абзаце в HTML/CSS?



Я новичок в веб-программировании, и у меня есть несколько очень простых вопросов.

Я пытаюсь выделить жирным шрифтом несколько слов в одном абзаце, но не знаю, как это сделать с помощью HTML/CSS.. Как я могу выделить жирным шрифтом одно слово, например «bold» в моем примере?

Это выделяет жирным шрифтом целый абзац:

<html>
<head>
<style type="text/css">
p.n1
{
    font:15px bold 30px Georgia,serif;
}

</style>
</head>

<body>
<p>I am in bold. </p>
</body>
</html>
html css paragraph
Поделиться Источник user1111042     30 января 2012 в 01:26

7 ответов




36

<p><strong>This is in bold. </strong> This is not.</p>

Вы можете найти Mozilla Developer Network очень удобным и надежным справочником.

Поделиться Mike Hofer     30 января 2012 в 01:32



10

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

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

<p><span>Andy Warhol</span> (August 6, 1928 - February 22, 1987) 

was an American artist who was a leading figure in the visual art movement known as pop 

art.</p>

Энди Уорхол

(6 августа 1928 — 22 февраля 1987) — американский художник, ведущий деятель движения визуального искусства, известного как поп-арт.

Как показывает код, стили тега span для указанных слов: «Andy Warhol». Вы можете дополнительно стилизовать слово, используя любые коды стиля шрифта CSS.

{font-weight; font-size; text-decoration; font-family; margin; color}, etc. 

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

Поделиться Michael Anderson — NinjaSush3     20 апреля 2013 в 07:33



3

если вы хотите просто «bold», ответ Майка Хофера в основном правильный.

но обратите внимание, что тег выделяет свое содержимое жирным шрифтом по умолчанию, но вы можете изменить это поведение с помощью css, например:

p strong {
    font-weight: normal;
    font-style: italic;
}

Теперь ваш «bold» курсив 🙂

Поэтому старайтесь использовать теги по их значению, а не по стилю по умолчанию.

Поделиться Rodrigo     30 января 2012 в 02:01


  • Android — не может выделять жирным шрифтом больше одного слова в edittext

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

  • Изменить (жирным шрифтом) все слова перед определенным словом

    У меня есть список из почти 1000 наград, которые должны появиться на сайте. Каждая награда находится в своем собственном диапазоне и соответствует формату x for y пример: <span>Broadcast Film Critics Association Award for Best Director</span> Для каждого из этих промежутков я хотел бы…



3

<p><b> BOLD TEXT </b> not in bold </p>;

Включите текст, который вы хотите выделить жирным шрифтом между <b>. ..</b>

Поделиться user1177371     30 января 2012 в 05:38



3

<style type="text/css">
p.boldpara {font-weight:bold;}
</style>
</head>

<body>
<p>Stack overflow is good site for developers. I really like this site </p>

</body>

</html>

http://www.tutorialspoint.com

Поделиться swati16     12 августа 2012 в 05:49



1

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

  1. Создайте класс для выделения любого элемента жирным шрифтом. Так что для текста абзаца это будет
span. bold(This name can be anything do not include parenthesis) {
   font-weight: bold;
}
  1. В вашем html вы можете получить доступ к этому классу, например, используя теги span и добавив класс bold или любое другое имя, которое вы выбрали

Поделиться coletrain     30 января 2012 в 03:56



1

Добавить тег <b>

<p> <b> I am in Bold </b></p>

Для получения дополнительных тегов форматирования текста нажмите здесь

Поделиться mee     10 июля 2015 в 06:44


Похожие вопросы:


jQuery-выделите жирным шрифтом все слова в запросе

У меня есть большой документ HTML, книга, и мне нужно выделять жирным шрифтом каждое появление Toronto. Как это делается в jQuery?


Как выделять жирным шрифтом текст с помощью компактной рамки

У меня есть приложение, написанное на C# для компактной платформы (3.5). Я пытаюсь отобразить какой-то текст на форме жирным шрифтом. Класс Label не дает мне возможности выделять жирным шрифтом мой…


Как BOLD определенные слова в NSString абзаце

Мне было интересно, можно ли выделить жирным шрифтом конкретные слова в тексте, который хранится в NSString. Я могу выделять жирным шрифтом, изменять шрифт символов в зависимости от их расположения…


MigraDoc-выделенный жирным шрифтом определенный текст в абзаце

В MigraDoc, если у меня есть абзац, как я могу выделить жирным шрифтом только какой -то текст в абзаце, а не весь абзац? Редактировать: Ниже приведен типичный код, который я бы использовал для…


Часть слова жирным шрифтом в настройки

Как я могу сделать часть слова жирным шрифтом в reStructuredText? Вот пример того, что мне нужно: . rst означает r e s tructured t ext.


Android — не может выделять жирным шрифтом больше одного слова в edittext

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


Изменить (жирным шрифтом) все слова перед определенным словом

У меня есть список из почти 1000 наград, которые должны появиться на сайте. Каждая награда находится в своем собственном диапазоне и соответствует формату x for y пример: <span>Broadcast Film…


Как я могу динамически выделять жирным шрифтом первые два слова в абзаце?

Как я могу динамически выделять жирным шрифтом первые два слова в абзаце? Я пытаюсь выделить жирным шрифтом первые два слова в абзаце, что я могу сделать ? за это Использование HTML Javascript Css…


Использование docx4j для выделения жирным шрифтом слова в абзаце

Я пытаюсь сгенерировать простой текст, подобный этому, с помощью Java в документ docx This is **bold** test Я ищу в интернете эту часть кода, которая будет близкой, однако она выделяет жирным. ..


Можно ли выделить жирным шрифтом часть слова в Slack (Linux)?

Можно ли выделять жирным шрифтом часть слова в Slack Chat? Пример : Stack Overflow . Я использую Ubuntu 18.04 и версию Linux slack. Использование построителя сообщений и значения unicode \u000b,…

Html жирный текст css

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

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

Описание

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

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

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

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

Рассмотрим все способы как можно сделать жирный шрифт через html и CSS. Существует два варианта:

  • Через html тег и
  • Через свойство CSS font-weight

Жирный шрифт через html тег

и

Весь текст заключенный в html теги и будет жирным. Первый тег состоящий из необычной буквы «b» произошло в сокращение от английского слова «bold».

Разница между двумя тегами визуально отсутствуют. Среди SEO-оптимизаторов бытует мнение, что для поисковых систем оказывает большее влияние, когда мы хотим выделить ключевое слово.

Преобразуется на странице в

Обычный шрифт.

Жирный шрифт через тег b

Обычный текст. Жирный текст через тег strong

Жирный шрифт через свойство CSS font-weight

В CSS есть свойство font-weight, которое отвечает за толщину написание букв.

Синтаксис CSS font-weight

  • bold – жирное значение шрифта (аналог 700)
  • normal (по умолчанию) – нормальное значение шрифта (400)
  • bolder/lighter – шрифт должен быть больше/меньше, чем у родителя
  • inherit – принять значение предка (родителя)

В нашем случае, для жирности шрифта необходимо применить свойство bold для придания шрифту «толщины».

В HTML жирный текст можно сделать несколькими способами. К ним относятся:

  • Тег b;
  • Тег strong;
  • CSS-свойство font-weight.

Поговорим о каждом из вариантов выделения текста по порядку.

Жирный текст: тег

Тег b HTML применяется следующим образом:

Для тега обязательно наличие закрывающего , и ему доступны универсальные атрибуты (такие как class, id, title и т. д.)

Хотя валидность тега b и не осуждается спецификацией HTML, более актуальным в использовании является тег strong, давайте разберемся почему.

Жирный текст: тег

Согласно спецификации HTML, тег b служит для выделения текста жирным шрифтом. В отличие от него, тег strong HTML служит для выделения важных фрах, слов, которые являются ключевыми для данной страницы.

Этот тег имеет весомое значение при ранжировании страниц в поисковой выдаче, поэтому он широко используется в продвижении сайтов и при SEO-оптимизации. Поисковые системы учитывают текст, заключенный в теги , и помечают его именно как важный.

Используется тег strong аналогичным образом:

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

Жирный текст при помощи CSS

Мы уже отмечали важность тега strong при поисковом продвижении, но что делать в случае, если нужно выделить большое количество текста жирным (но текст не нужно помечать для поисковиков как важный), или необходимо управлять степенью «жирности» шрифта? В таких случаях используется CSS-свойство font-weight. Применяется оно следующим образом:

Значениями bolder и lighter можно задать степень жирности больше (или меньше), чем у родителя. Числовым значением (100-900) можно задать степень жирности.

Жирный текст с помощью HTML и CSS. Как сделать жирный шрифт в HTML

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

Для выделения определенного текста жирным используются специальные HTML теги — и . Например следующий код:

Обычный текст.

Жирный текст.

Жирный текст strong.

Обычный текст.

Жирный текст.

Жирный текст strong.

На выходе дает такую картинку:

Последние два варианта визуально выглядят одинаково, однако они между собой немного отличаются. Тег задает простое стилистическое выделение слова жирным шрифтом, тогда как добавляет при этом некое семантическое «усиленное» (важное) значение. То есть последняя строка — это не просто жирный текст, а какая-то важная информация. В принципе, для поисковиков рекомендуют использовать именно .

Вы также можете встретить прописанный в HTML жирный шрифт с помощью стилей:

Пример жирного текста.

Пример текста с жирным словом.

На сайте это отображается так:

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

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

Жирный текст на CSS


Дабы сделать в CSS жирный шрифт используется свойство font-weight. С его помощью указывается «насыщенность» фрагмента текста. Значения могут быть от 100 до 900, но наиболее часто используемые это:

  • bold (жирный) — 700 по умолчанию;
  • normal (обычный) — 400 по умолчанию.

Есть также варианты значений bolder и lighter, которые меняют шрифт в зависимости от родителя на более или менее жирный соответственно.

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

Обычный текст с жирным выделением по центру.

strong { font-weight: bold; }

Тут хотелось отметить один небольшой нюанс, который мне рассказали на — если вы создаете для какого-то элемента новый класс, то желательно использовать более-менее «понятное название». Например, в примере выше стиль class=»my-bold-font» выглядит логичнее чем class=»new-font», т.к. можно отчасти понять его назначение. Это плюс для тех, кто будет смотреть и использовать вашу верстку в дальнейшем.

В следующей статье расскажу про интересные жирные шрифты, которые мне удалось найти.

Жирными буквами текст в Microsoft Word можно написать несколькими способами.

Как в Ворде писать слова жирными буквами?

Для этого необходимо либо перед написанием текста нажать на соответствующую клавишу для жирного текста, либо выделить уже написанный текст и нажать на клавишу для оформления текста. На верхней панели инструментов, нажать на кнопку с буквой «Ж». Правой клавиши мыши нажать на «лист» в Microsoft Word.

В выпадающем меню выбрать кнопку с буквой «Ж». Вне зависимости от версии года выпуска пакета MS Office, а соответственно и программы Word, наиболее быстрым и эффективным способом, который поможет сделать введённый текст жирным является следующие шаги. Ну этот вопрос не должен заставить долго мучаться. Вам нужно открыть документ Ворд и обратить внимание на верхнюю панель. Там вы сможете сразу же увидеть значок с буквой «ж». Так вот нажав на данный значок, вы и получите жирный шрифт.

Кстати жирным шрифтом можно сделать уже напечатанный текст, выделив его и нажав на «ж». Для этого нужно будет активировать кнопку «Ж», которая находится рядом с кнопками «К» курсив и «Ч» подчеркивание в верхней панели Worda. Понять, активирована эта кнопка или нет, можно легко: Также можно выделить жирным шрифтом какой — то текст можно потом, после написания ядом этого выделяете нужный текст и жмете на ту же кнопку — «Ж».

Сделать жирный шрифт в Microsoft Word очень просто. В начале нужно написать текст, затем его выделить и нажать кнопку Ж на верхней панели. Рядом также есть буквы К — курсив и Ч — подчеркивание чертой.

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

Она есть в верхнем меню во всех версиях Ворда, даже в онлайновой. Я лично пользуюсь клавиатурной командой. В текстовом редакторе «Microsoft Word» по простому в Ворде писать слова жирным шрифтом можно таким образом — напанели инструментов нажать на черную букву Ж и писать слова — они сразу будут выделяться.

Если вы у нас впервые: Как в Ворде писать слова жирными буквами? Расположение кнопки «жирный текст» для Microsoft Word Вне зависимости от версии года выпуска пакета MS Office, а соответственно и программы Word, наиболее быстрым и эффективным способом, который поможет сделать введённый текст жирным является следующие шаги: Для этого нужно будет активировать кнопку «Ж», которая находится рядом с кнопками «К» курсив и «Ч» подчеркивание в верхней панели Worda: Для того, чтобы написать в Ворде жирными буквами, нужно: Или в верхней части экрана нажать на закладку «Главное» и нажать на «Ж».

Выделение текста полужирным шрифтом — Word

Выделить строку, и нажать букву Ж-т. Можно просто сначала нажать Ж, и писать. Можно ли и как определить название шрифта — на сайте, в тексте, программе? Как настроить размер шрифта в Rambler-почте? Как на БВ увеличить шрифт? Какой нужен шрифт в Ворде для высоты строки 0. Как сделать жирный шрифт, чтобы выделить фрагмент текста на БВ? Как увеличить шрифт в Google Chrome?

Как увеличить шрифт в Опере? Как увеличить шрифт в Интернет Эксплойере? Как увеличить шрифт в Мозилле? Задайте его нашему сообществу, у нас наверняка найдется ответ! Делитесь опытом и знаниями, зарабатывайте награды и репутацию, заводите новых интересных друзей! Задавайте интересные вопросы, давайте качественные ответы и зарабатывайте деньги.

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

Для выделения текста полужирным нажмите или щелкните на кнопке Полужирный на панели инструментов форматирования. Выделенный таким образом текст становится похожим на идущего начальника. У него появляется чувство собственного достоинства. Его сразу заметно на странице, он начинает важничать, чрезвычайно ценит собственное мнение, разговаривает со всеми на «ты», — ну, вы знаете.

Если вы хотите выделить текст курсивом, нажмите или щелкните на кнопке Курсив , расположенной на панели инструментов форматирования. Когда вместо текстовых процессоров использовались пишущие машинки (давненько это было!), вместо курсива применялось подчеркивание. Курсив выглядит гораздо лучше! Он светлый и легкий, свободный и поэтичный. Я очень люблю использовать его в тексте, поскольку, на мой взгляд, он выглядит куда элегантнее, чем жалкое подчеркивание. Подчеркивание — это стиль бюрократа в припадке вдохновения.

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

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

  • Все перечисленные выше стили форматирования символов применяются к выделенному тексту. Если же вы сначала применили один из этих стилей, а потом продолжили набор текста, новый текст будет вводиться в указанном вами стиле.
  • Чтобы отменить стиль форматирования символов, используйте команду стиля еще раз. Например, если вы нажали клавиши для выделения текста курсивом, то повторное нажатие вернет вас к обычному начертанию символов.
  • Вы можете объединять различные приемы форматирования символов; например, выделить текст одновременно полужирным, подчеркиванием и курсивом. Чтобы добиться этого, нажмите соответствующие клавиши, для активизации необходимых форматов, а затем введите текст. Вы получите текст, выделенный одновременно тремя стилями, если нажмите , и . Чтобы вернуться к обычному тексту, нажмите все три комбинации еще раз.
  • Для того чтобы применить форматирование к одному-единственному слову, установите на него курсор и выполните команду форматирования. Например, если вы установили курсор на слово «символ» и нажали (или щелкнули на кнопке Курсив, расположенной на панели инструментов форматирования), все слово немедленно будет выделено курсивом.
  • Кнопки Полужирный, Курсив и Подчеркнутый на панели инструментов форматирования показывают, какой из стилей применен к тексту. Например, если курсор установлен на слово, выделенное полужирным, кнопка Полужирный выглядит «нажатой».

Разница между жирным и полужирным

Среда Windows наряду с полужирным начертанием символов предлагает пользователю особые жирные шрифты, например Ari al Rounded MT Bold. На первый взгляд, это может показаться диким, но, поскольку мы имеем дело с компьютерами, приходится мириться с их так называемой «логикой».

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

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

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

Жирный шрифт тегом strong

Этот способ подойдет, если вы хотите выделить жирным шрифтом важную часть текста. HTML тег является тегом логического форматирования и его суть: «подчеркнуть» важность выделенного фрагмента.

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

Другие виды выделения текста описаны в статье: .

Обычный текст выделенный важный фрагмент текста. Обычный текст.

Жирный текст с помощью тега b

Обычный текст текст жирным шрифтом. Обычный текст.

Выделение жирным стилями CSS

Жирный текст можно сделать не только с помощью специальных HTML тегов. Добиться вывода жирным шрифтом можно на любом теге задав ему свойство font-weight: bold; (работает не для всех шрифтов).

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

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

Свойство CSS внутри атрибута style:

Текст жирным шрифтом.

Текст жирным шрифтом.

Текст обычным шрифтом.

Текст жирным шрифтом.

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

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

августа 12, 2011

Светлана Козлова

Рассмотрим очередную функцию, общую для обеих программ Ворд и Эксель – как сделать жирный шрифт.

Это можно сделать за несколько несложных шагов. Покажу, как это можно сделать на примере программы Word. В программе Excel это делается аналогично.

Шаг 1. Печатаем наш текст

Шаг 2. Выделяем текст левой клавишей мыши

Шаг 3. Нажимаем на кнопку «Ж» (полужирный), находящуюся на верхней панели программы

Все. Шрифт выделился жирным!

Осталось щелкнуть мышью в любой части документа, чтобы это увидеть.

Жирный шрифт

На этом все, текст стал выделен жирным. Что нам и требовалось.

Комментирование и размещение ссылок запрещено.

Всем привет. Форматирование текста в Ворде – это первый инструмент, без которого вы не создадите действительно хороший, читабельный проект. Каким бы идеальным ни был ваш текст, пока он не оформлен должным образом, он остается лишь текстом. А вот качественно оформленная работа уже многого стоит. Читатели будут вам благодарны, если документ приветливо оформлен и легко читается.

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

  1. Изменение применяемого шрифта
  2. Изменение размера символов
  3. Изменение цвета текста
  4. Выделение цветом участков текста
  5. Различные способы начертания
  6. Применение разнообразных эффектов
  7. Изменение регистра
  8. Создание надстрочных и подстрочных знаков
  9. Изменение расстояния между буквами и др.

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

  • Применение горячих клавиш
  • Всплывающее меню , которое появляется после того, как вы выделили текст
  • Группа команд «Шрифт» на ленте
  • Диалоговое окно «Шрифт» , которое можно вызвать комбинацией клавиш Ctrl+D. Оно во многом дублирует команды на ленте

А теперь обо всем подробнее. Все примеры я привожу для Microsoft Word 2013, в других современных версиях функционал и интерфейс могут немного отличаться.

Для изменения шрифта не нужно особых навыков. Если хотите набирать текст определенным шрифтом – откройте выпадающее меню на ленте в группе «Шрифт». Там выберите подходящий шрифт и начинайте набор.

Обратите внимание, в списке названия шрифтов выглядят так, как будет выглядеть ваш текст. Удобно, не правда ли?

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

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

К слову, наиболее «читабельными» шрифтами считаются Calibri, Times New Roman, Arial, Verdana и еще несколько других.

Чтобы изменить размер символов – выделите их мышью и выберите нужный размер на ленте в группе «Шрифт». В выпадающем меню размер шрифта указывается в пунктах. Пункт – это 1/72 дюйма, то есть приблизительно 0,35 мм . Тогда шрифт 11 пт будет высотой в 3,88 мм. Чаще всего, эти расчеты никто не использует, но иногда нужно подобрать физический размер шрифта, вот тогда и применяем приведенные соотношения.

То же самое можно сделать и в выпадающем меню.

При наведении на размер в списке, он временно применяется к введенному шрифту. Так вы сможете визуально оценить изменения до их вступления в силу.

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

Так же, можно пошагово увеличивать или уменьшать размер символов. Для этого нажимайте на ленте кнопки «Увеличить размер шрифта» и «Уменьшить размер шрифта».

Или воспользуйтесь комбинациями клавиш: Ctrl+Shift+1 для увеличения на 1 шаг, Ctrl+Shift+9 – для уменьшения.

Цвет текста часто изменяют для расстановки акцентов и выделения важных отрезков, терминов. Выделите нужный участок и нажмите стрелку возле кнопки «Цвет текста».

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

Если предложенных цветов недостаточно, нажмите «Другие цвета…» чуть ниже палитры. В открывшемся окне на вкладке «Обычные» можно выбрать из более широкого списка цветов.

Или на вкладке «Спектр» задать произвольный цвет, кликнув по нему мышью. Там же можно задать вручную соотношение RGB (красного, зеленого и синего).

Интересный эффект может дать применение градиентного цвета текста, но я в своей практике его ни разу не применил. Чтобы задать градиент, выберите цвет и нажмите «Градиентная» под палитрой. Выберите один из вариантов градиента.

Бывает, нужно задать фон для текста, как будто он выделен маркером. Часто так отмечают спорные моменты в проекте будущего документа.

Выделите нужный текст и нажмите на ленте «Цвет выделения текста». В открывшемся окне выберите один из вариантов цвета.

Чтобы удалить выделение – в этом же окне выберите «Нет цвета».

Под начертанием следует понимать толщину (жирность), наклон букв (курсив), подчеркивание, перечеркивание символов. Эти параметры можно задавать отдельно или вместе друг с другом. Например, полужирный курсив или подчеркнутый индекс.

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

Чтобы текст стал жирным – выделите его и нажмите на ленте кнопку «Полужирный». Или используйте комбинацию клавиш Ctrl+B.

Как сделать курсив

Чтобы символы были курсивными – выделите их, нажмите «Курсив», или комбинацию Ctrl+I.

Подчеркивание текста в Word

Чтобы подчеркнуть текст – выделите, нажмите «Подчеркнутый» или Ctrl+U.

Можно изменить форму и цвет линии подчеркивания. Для этого нажмите на стрелку возле кнопки «Подчеркнутый», выберите вид линии. Перейдите в пункт «Цвет подчеркивания», чтобы выбрать новый цвет.

Перечеркивание текста в Ворде

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

Если же вы твердо решили перечеркнуть что-то – выделите нужный текст и нажмите «Зачеркнутый».

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

В выпадающем меню будут некоторые «предустановленные» наборы эффектов, или же можно настроить отдельные компоненты символов:

  • Струткура – настраиваем контур и заливку букв
  • Тень – добиваемся объема за счет применения теней
  • Отражение – эффект отражающихся от поверхности букв
  • Подсветка – буквы как будто подсвечиваются сзади выбранным цветом
  • Стили чисел – выбираем различные способы начертания чисел (применяется редко)
  • Лигатуры – специальные знаки, образованные объединением двух и более символов. Часто несут определенную смысловую нагрузку или просто экономят место на листе, улучшают читаемость текста. Знаки транскрипции – отличный пример применения лигатур. Работают для группы шрифтов OpenType.

Комбинируйте эти опции, экспериментируйте с «глубокими» настройками, чтобы получить наилучший, по вашему мнению, эффект.

Всем известно: чтобы напечатать символ прописным – нужно предварительно зажать Shift. Чтобы сделать прописными несколько букв подряд – нажимают Caps Lock перед набором. Кроме того, Ворд автоматически делает прописным первый печатаемый символ после точки. А что, если нужно быстро исправить регистр в уже набранном тексте? Даже не думайте делать это вручную. Выделите участок текста для исправления, нажмите на ленте «Регистр» и выберите один из предложенных вариантов:

  • Как в предложениях – заглавная лишь первая буква предложения. Остальные строчные;
  • Все строчные
  • Все прописные
  • Начинать с прописных – у каждого слова первая буква – заглавная
  • Изменить регистр – сделать прописные строчными, а строчные прописными

Мне всегда хватало такого набора команд. И вам, думаю, хватит.

Если нужно сделать подстрочный символ (индекс) – выделите его и нажмите на ленте «Подстрочный знак». Или комбинацию клавиш Ctrl+=

Аналогично, для создания надстрочного знака (степень) – придется нажать «Надстрочный знак», или комбинацию Ctrl+Shift+=

Учтите, такие символы получаются достаточно мелкими, иногда их тяжело прочесть.

Чтобы сделать текст более растянутым или сжатым – выделите его и нажмите Ctrl+D. В открывшемся меню «Шрифты» перейдите на вкладку «Дополнительно». Здесь найдем группу команд «Межзнаковый интервал», где можно сделать такие настройки:

  • Масштаб – увеличить или уменьшить масштаб отображения относительно установленного размера шрифта
  • Интервал – задайте расстояние в пунктах между символами
  • Смещение – сдвиг выделенного текста вниз или вверх относительно базовой линии (в пунктах)
  • Кернинг… — интеллектуальное сжатие текста для экономии места. Не выполняйте его для слишком мелкого шрифта, где буквы могут сливаться друг с другом.

Бывает, хочется скопировать форматирование, сделанное ранее, и применить его к другому участку текста. Для этого существует инструмент «Формат по образцу».

Установите курсор в текст, формат которого нужно скопировать. Нажмите «Формат по образцу» на ленте, форматирование скопируется. Слева от курсора появится изображение кисти. Выделите курсором тот участок, к которому нужно применить формат. Когда вы отпустите левую кнопку мыши – форматирование применится к нему.

Бывает, нужно «перезагрузить» форматирование, т.е. очистить формат и применить новый. Чтобы удалить форматирование – выделите нужный текст и нажмите на ленте «Удалить форматирование. Такой способ полностью очистит настройки текста

Для очистки только ручного форматирования, выделите текст и нажмите Ctrl+Пробел. При этом, форматирование стилей сохранится.

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

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

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

Пример

Для того, чтобы изменить начертание, в программе Microsoft Word есть специальные кнопки.

Полужирный (в народе его называют «жирный»)

Курсив (наклонный)

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

Как изменить начертание

Сначала нужно выделить слово, которое хотите изменить. Чтобы это сделать, наведите курсор в самое его начало. Затем нажмите левую кнопку мыши и, не отпуская ее, тяните в конец слова. Когда оно закрасится другим цветом (обычно черным или синим), значит, слово выделилось.

Затем нажмите на кнопку с нужным Вам начертанием.

Можно назначить сразу несколько видов начертания сразу.

Пример

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

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

Форматирование текста HTML уроки для начинающих академия


Форматирование текста

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

Этот текст курсивом

Это под строкой и над строкой


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

В предыдущей главе вы узнали о атрибуте стиляHTML.

HTML также определяет специальные элементы для определения текста с особым смыслом.

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

Элементы форматирования были разработаны для отображения специальных типов текста:

  • <b> — Жирный текст
  • <strong> — Важный текст
  • <i> — Курсив текста
  • <em> — Подчеркнутый текст
  • <mark> — Помеченный текст
  • <small> — Мелкий текст
  • <del> — Удаленный текст
  • <ins> — Вставленный текст
  • <sub> — Текст подстрочного текста
  • <sup> — Текст сценария

HTML < b > и < strong > элементы

HTML <b> элемент определяет полужир ный текст, без какой-либо дополнительной важности.

Пример

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

<strong> элемент HTML определяет жирный текст с добавленной семантической важный.

Пример

<strong>This text is strong</strong>



Элементы HTML <i> и <EM>

<i> элемент HTML определяет текст, курсив , без какой-либо дополнительной важности.

Пример

<i>This text is italic</i>

HTML <em> элемент определяет подчеркнут ый текст, с добавленной семантической важностью.

Пример

<em>This text is emphasized</em>

Примечание: Браузеры отображают <strong> как <b> и <em> как <i> . Однако, есть разница в значении этих тегов: <b>и <i> определяет полужирный и курсивный текст, но <strong>и <em> означает, что текст является важным.


HTML <small> элемент

<small> элемент HTML определяет меньше текст:

Пример

<h3>HTML <small>Small</small> Formatting</h3>


HTML <Mark> элемент

<mark> элемент HTML определяет помеченный или выделенный текст:

Пример

<h3>HTML <mark>Marked</mark> Formatting</h3>


Элемент HTML <del>

<del> элемент HTML определяет Удаленный (удаленный) текст.

Пример

<p>My favorite color is <del>blue</del> red.</p>


HTML <ins> элемент

<ins> элемент HTML определяет вставленный (добавленный) текст.

Пример

<p>My favorite <ins>color</ins> is red.</p>


HTML <sub> элемент

<sub> элемент HTML определяет под строчный текст.

Пример

<p>This is <sub>subscripted</sub> text.</p>


HTML <sup> элемент

<sup> элемент HTML определяет над строчный текст.

Пример

<p>This is <sup>superscripted</sup> text.</p>


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

Тег Описание
<b> Определяет полужирный текст
<em> Определяет подчеркнутый текст 
<i> Определяет текст курсива
<small> Определяет меньший текст
<strong> Определяет важный текст
<sub> Определяет текст с подстрочным текстом
<sup> Определяет текст с надписью
<ins> Определяет вставленный текст
<del> Определяет удаленный текст
<mark> Определяет выделенный/выделенный текст

Оформляем текст с помощью CSS

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

p { font-family: Arial, Tahoma, sans-serif; }

p {

  font-family: Arial, Tahoma, sans-serif;

}

где font-family — ключевое слово, Arial — семейство шрифтов, с помощью которого нужно оформить данный элемент. Если Arial не установлен то будет применен шрифт Tahoma, если и данный шрифт отсутствует, то применится любой шрифт браузера без засечек.

Если название шрифта состоит более чем из одного слова — то в CSS возьмите шрифт в кавычки, например:

font-family: «Times New Roman»;

font-family: «Times New Roman»;

Размер шрифта задается кодом:

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

Цвет шрифта можно задать с помощью команды:

Насыщенность шрифта определяется двумя состояниями: нормальный и жирный. Задать жирное начертание шрифта можно с помощью кода:

Если необходимо шрифт сделать нормальным:

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

соответствует обычному начертанию шрифта.

Значение 800 — это жирный шрифт. Остальные цифры соответствуют разной насыщенности шрифта. Максимальное значение насыщенности шрифта 900. Обратите внимание данные числа указываются без величин измерения!

Также, есть очень простой способ сделать текст прописными буквами: свойство text-transform. Пример:

text-transform: uppercase;

  text-transform: uppercase;

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

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

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

.one { color: green; text-transform: uppercase; font-weight: bold; }

.one {

  color: green;

  text-transform: uppercase;

  font-weight: bold;

}

See the Pen span by Alex (@Asmodey) on CodePen.

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

Автор Глеб Захаров На чтение 3 мин. Просмотров 67 Опубликовано

Создание разделов дизайна на вашей странице


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

Заголовки


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

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

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

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


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


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

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

Советы для запоминания


  • Постарайтесь сохранить заголовки в логическом порядке, h2 предшествует h3, а затем h4 и так далее.
  • Не беспокойтесь о том, как выглядят заголовки – вы должны использовать CSS для стилизации заголовков, а не использовать заголовки не по порядку.
  • Теги заголовков – это элементы уровня блока, поэтому они ставят для вас разрывы строк. Не помещайте P-теги в заголовочные теги.

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


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

  • и для жирного
  • и курсивом

Неважно, какой вы используете. Хотя некоторые предпочитают и , но многие люди находят «жирным» и «курсивом» легче запомнить.

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

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

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

Например:

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

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

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

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

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

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

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


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

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

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

HTML — Как использовать тег

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

Что такое тег

в HTML?

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

  

Это пример жирного текста.

В соответствии с HTML Living Standard тег может использоваться со следующими примерами:

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

Вот пример использования

для названия продукта в обзоре.
  

Наушники Sennheiser IE 300 хорошо ложатся в уши и обладают невероятным звуком.

Тег предназначен для привлечения внимания пользователя к фрагменту текста. Он не должен иметь какого-либо значения или передавать тон срочности или серьезности.

Это было бы неправильным использованием тега .

  

ВНИМАНИЕ !! Эта зона опасна.

Подходящим тегом для этой ситуации будет тег , потому что он передает ощущение серьезности.

Различия между тегами

и в HTML

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

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

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

  

Список дел на понедельник:

  • Оплачивать аренду.

  • Начало курсовой работы.

  • Сходите за продуктами.

Еще одно ключевое отличие состоит в том, что теги не должны использоваться в заголовках и заголовках, тогда как теги могут.

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

   

Глава 5:

Битва

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

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

, и это пометит его как ведущее предложение.

  <статья>
     

Мальчик воссоединился с биологической матерью

Шестилетний мальчик неожиданно встречает свою биологическую мать в местном продуктовом магазине.

Мальчик и его дедушка делали покупки в продуктовом магазине, когда к ним сзади подошла молодая женщина.

[...]