Как выделить текст жирным в браузере
Документ должен выглядеть красиво, чтобы на него было приятно смотреть, чтобы все таблицы были опрятны, самые важные мысли выделены, чтобы на странице не было ничего лишнего и одновременно не было неоправданно пустых мест. Идеал не достижим, но есть ряд приёмов, которые упрощают изменение документа, чтобы методом проб и ошибок, хотя бы немного, но приблизиться к заветному совершенству.
Немаловажную роль в восприятии текста играют эффекты шрифтов. Рассмотрим некоторые из них более подробно.
Чтобы подчеркнуть слово, нужно его выделить, а затем одновременно нажать комбинацию клавиш Ctrl+U. При этом будут подчёркнуты как все символы выделенного текста, так и пробелы между ними. Чтобы подчёркивать только слова надо использовать Ctrl+Shift+U. Для выделения блока текста курсивом можно воспользоваться сочетанием Ctrl+I. Если же для повышения наглядности было решено выделить некоторые словосочетания жирным шрифтом, то и для этого существует удобная альтернатива мыши — Ctrl+B.
Часто бывает необходимым, чтобы фраза была набрана заглавными буквами. Проще всего это сделать, сразу набирая на верхнем регистре. Однако не всегда получается всё и всегда делать правильно, поэтому была разработана специальная команда по переводу выделенного фрагмента текста в верхний или нижний регистры — Shift+F3.
Все описанные выше комбинации клавиш работают как переключатели. Это значит, что для возвращения в прежний режим ввода текста, необходима повторно нажать ту же комбинацию клавиш, что изменила стандартный режим. Например, по команде Ctrl+U установится атрибут шрифта, отвечающий за нижнее подчёркивание. Чтобы снять этот атрибут и вернутся к обычному начертанию, необходимо снова нажать Ctrl+U.
Примечание и сноски — неотъемлемая часть любой творческой работы. Конечно, можно воспользоваться одноимённым пунктом меню для вставки сноски, но гораздо проще это сделать, нажав Ctrl+Alt+F.
Для вставки разрыва страниц удобно пользоваться Ctrl+Enter.
Некоторые вещи можно сделать только, если одновременно применять мышь и клавиатуру. Самый расхожий пример — плавное изменение размеров ячеек таблицы. Это достигается при изменении размеров ячейки при помощи мыши и одновременном нажатии клавиши Alt.
Ни для кого не секрет, что текст гораздо лучше смотрится на экране компьютера или в напечатанном виде, когда он выровнен по ширине. Достигается такое выравнивание за счёт увеличения длины пробела между словами. Однако не всегда такое поведение оправдано. Например, надо набрать предложение, в котором встречается фамилия и инициалы. Если между ними поставить простой пробел, то при выравнивании инициалы могут быть далеко расположены от фамилии, что неверно. Для устранения подобного эффекта существует специальный символ — фиксированный пробел. Проще всего его вставить, нажав одновременно Ctrl+Shift+Пробел.
Итак, подведём итоги.
- для изменения эффекта шрифта применяем команды: Ctrl+I, Ctrt+B, Ctrl+U, Ctrl+Shift+W;
- для перевода букв на верхний регистр: Shift+F3;
- для установки фиксированного пробела: Ctrl+Shift+Пробел;
- для разрыва страниц: Ctrl+Enter.
Невозможно знать все сочетания клавиш для быстрого доступа в меню, для упрощения работы с основными операциями редактирования текста. Но главное другое. Главное, научиться пользоваться тем набором команд, которые употребляются чаще остальных. У каждого человека набор будет уникальным. Конечно, будут сходства, но в целом каждый будет планировать работу с документами. Методом проб и ошибок можно найти, как можно быстро сделать однотипные операции, чтобы сэкономить время и силы.
Комментарии
Кое-что знал, и тем не менее очень приятно читать систематизированную информацию (о сносках — не знал). СПАСИБО!
2010-09-18 22:12:16 — Бойко Анна В.
огромное спасибо за Shift+F3 .
2010-09-28 20:28:39 — Жумасеитова С.Д.
спасибо за shift+F3, ctrl+alt+F
2010-10-29 14:54:49 — Якубицкий О.Ю.
Спасибо за информацию. Я использовал (со ссылкой на ресурс) на своем сайте (на страничке http://www.yak15.narod.ru/freim6.html). Замечание:"Чтобы подчёркивать только слова надо использовать Ctrl+Shift+U". Но в "Итак, подведём итоги" — правильно (Ctrl+Shift+W). С уважением, Олег.
2011-01-30 14:10:43 — Галагаев И.И.
Спасибо за Shift+F3 и Ctrl+Shift+W!
2011-06-11 22:17:03 — Алексей
Спасибо, помогло. Искал фиксированный пробел. Вот еще если кому нужно Ctrl+= — подстрочный шрифт — часто приходится сталкиваться
shift+Ctrl+= — надстрочный шрифт
2012-04-26 10:26:40 — Саныч
Неразрывный дефис CTRL+SHIFT+ДЕФИС. Текст с двойным подчёркиванием — Ctrl+Shift+D (Ctrl+Shift+в) Текст, набранный капителями (уменьшенными заглавными буквами) — Ctrl+Shift+K (Ctrl+Shift+Л) Выравнивание абзацев: влево — Ctrl+q, вправо — Ctrl+r, по центру — Ctrl+e, по формату — Ctrl+j Маркированный список Ctrl+Shift+L Сдвиг абзаца вправо Ctrl+M Увеличение отступа слева (кроме первой строки) — Ctrl+T
2012-11-24 20:48:57 — Ягодин Сергей Михайлович
Есть еще такая функция. Наверху в ворде есть специальная менюшка куда можно добавлять любые команды для быстрого к ним доступа. Зупускать их можно очень легко, зажав ALT + "1 или 2 или 3. " в зависимости от того порядка в котором у Вас расположены команды. Порядок можно менять. Я так ОЧЕНЬ много использую команду "ФОРМАТ ПО ОБРАЗЦУ". Она у меня стоит на "ALT+2". Очень полезная функция!
На днях пришлось использовать Ворд и я понял, что без знаний хотя бы основных сочетаний горячих клавиш мне не обойтись.
2015-12-06 17:22:47.856014 — Семен Петрович
Используйте макросы ребята, штука незаменимая.
Оставить комментарий
Ваш комментарий будет опубликован после модерации.
Примечание: Мы стараемся как можно оперативнее обеспечивать вас актуальными справочными материалами на вашем языке. Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Просим вас уделить пару секунд и сообщить, помогла ли она вам, с помощью кнопок внизу страницы. Для удобства также приводим ссылку на оригинал (на английском языке).
В приложении Word, можно выделить текст полужирным шрифтом тремя способами: с помощью кнопки Полужирный на мини-панель инструментов, используйте кнопку " Полужирный " на вкладке " Главная " или нажмите сочетание клавиш.
Выделение текста полужирным шрифтом
Выделите текст, который вы хотите сделать полужирным и выполните одно из указанных ниже действий.
Наведите указатель мыши на мини-панели инструментов над выделения и нажмите кнопку Полужирный .
Введите сочетание клавиш: CTRL + B.
Хотя правильнее такой шрифт называть полужирным. Вот только у российских пользователей программы Word закрепилось именно та кое название для этого начертания, не будем менять традицию и мы. Жирное начертание используется для выделения фрагментом текста в документе. Но мой совет: не злоупотребляйте таким выделением, так как страница со множеством выделенным жирным начертанием слов смотрится очень неряшливой и грязной. Правильнее жирное начерта ние применять, в основном, лишь для заголовков документа.
Как и для изменения размера шрифта, в этом случае нужный фрагмент текста необходимо предварительно выделить.
Чтобы задать жирное начертание шрифта, воспользуйтесь од
ним из способов, приведенных ниже.
1 способ: в окне открытого документа выделяем нужный текст и используем сочетание клавиш Ctrl+B.
1. В окне открытого документа выделяем нужный текст и пере
ходим к вкладке «Главная».
2. В группе «Шрифт» щелкаем по кнопке «Ж» (рис. 3.16).
Рис. 3.16. Вкладка «Главная». Группа «Шрифт». Кнопка «Ж»
1. В окне открытого документа выделяем нужный фрагмент текста.
2. Наводим курсор на данное выделение.
3. Во всплывшей панели щелкаем по кнопке «Ж».
Как сделать шрифт курсивным?
Курсив (от лат. cursus – бег) – это шрифт, начертание букв которого подобно рукописному (поэтому он иногда еще называется псевдорукописный). Еще один прекрасный способ выделить нуж ные фрагменты в тексте.
Чтобы задать курсивное начертание шрифта, воспользуйтесь одним из способов, приведенных ниже.
1 способ: в окне открытого документа выделяем нужный текст и используем сочетание клавиш Ctrl+I.
После очередного долгого перерыва вспомнил, что давно уже не писал ни строчки. Конечно, на это есть свои причины, ведь какая-нибудь причина придумать себе оправдание всегда найдется, правда? На самом деле, каждый день занимаюсь ВидеоКурсом, о котором уже упоминал пару раз, но пока больше об этом ничего говорить не буду, скоро все узнаете.
Так вот, так как в голову ничего не приходило, о чем можно написать. Решил посмотреть статистику, что же интересует пользователей Рунета по вопросам HTML, WordPress, DLE и тому подобных тем. И знаете что? Есть еще о чем писать. На все вопросы, что я нашел, вроде бы и есть ответы, однако не всегда в понятной форме. Да и вообще стало интересно написать что-нибудь этакое.
Сегодня поговорим об HTML. А именно о том, как выделить текст жирным и курсивным начертанием, а также поговорим о выделении цветом.
Выделение текста жирным начертанием.
Чтобы выделить текст жирным начертанием не нужно ничего мудрить со стилями CSS или придумывать еще какие-либо сложности. В HTML уже есть такая возможность. При этом, мы можем не просто выделить текст жирным, но и сделать на нем некий акцент с помощью выделения. Акцент может делаться для поисковых систем или каких-либо специальных браузеров или программ. Главное это не переборщить с акцентированием текста в статье или на странице с как-то информацией, так как это может губительно сказаться как минимум на продвижении данной HTML-страницы.
Итак, чтобы просто выделить текст жирным, мы можем воспользоваться тегом . Данный тег относится к элементам физической разметки, при этом устанавливая жирное начертание текста, не делая на нем какого-либо акцента. Этот тег является парным, что говорит о том, что он имеет, как открывающий тег, так и закрывающий. Кроме того, так как элемент встроенный, он должен находиться в каком-либо блочном элементе, например
Пример кода:
жирный текст
В этом случае мы просто выделили текст жирным начертанием и все.
Но бывает, так что нам нужно не просто выделить текст, а сделать на нем акцент. Для этого мы можем использовать тег логической разметки . Мало того, что текст, выделенный, этим тегом имеет больший вес для поисковых систем. Но и по идее он должен отличаться от тега в речевых браузерах, например интонацией. Однако не могу ни подтвердить, ни опровергнуть данную информацию, так ли это?
В этом случае все абсолютно также как и в случае, с простым выделением жирным, только мы делаем акцент, а не просто выделение.
Пример кода:
текст, на котором мы сделали акцент
Все довольно просто, не правда ли?
Выделение текста курсивом.
В этом случае все не сложнее, чем в первом. И ситуация у нас абсолютно та же. Мы можем выделить текст двумя вариантами в HTML. Опять же, используя либо тег физической разметки или же тег логической, с помощью которого мы опять же делаем акцент на выделенный текст.
Чтобы выделить текст курсивом мы воспользуемся тегом . Этот элемент является парным и строчным, что говорит нам о том, что мы должны использовать, как открывающий тег так и закрывающий. А также должны использовать его внутри блочного элемента. И в данном случае наиболее подходящий блочный элемент — тег параграфа
.
Пример кода:
текст курсивом
И конечно же мы можем сделать акцент на тексте одновременно выделив его курсивом с помощью тега . Данный элемент такой же как , за исключением того что выделяется текст курсивом а не жирным.
Пример кода:
текст, на котором мы сделали акцент
И последнее о чем я хотел бы сегодня поговорить — это выделение текста цветом.
HTML выделение цветом.
К сожалению тега, для выделения текста цветом в HTML мы не имеем. Но все же и в этом способе нет ничего сложного.
Итак, чтобы выделить определенную часть текста цветом, мы можем обернуть нужную часть текста тегом , который является универсальным тегом, и используется внутри блочного элемента. В нашем случае блочным элементом является тег
. Но добавить недостаточно. Также необходимо указать параметр style , что позволит добавить CSS свойства необходимому тексту, указать само свойство ( color ), которое поможет задать определенный цвет. И наконец, указать значение для свойства color . Но может возникнуть вопрос: «Что указывать-то?» Указать необходимо HTML-код того цвета в который мы хотим «покрасить» текст. HTML-коды цветов можно найти здесь.
Теперь чтобы было понятней рассмотрим пример.
Пример кода.
В этом случае мы выделяем одно слово: цветом. Также хочу отметить, что тег является парным, и мы должны его закрыть там, где свойство должно закончиться.
текст, который нужно выделить цветом
Такими нехитрыми способами мы можем манипулировать текстом на нашей странице. Хочу также отметить, что все то, о чем мы только что говорили, работает и на WordPress и на DLE, ибо любой движок для вывода страниц использует HTML. Именно поэтому HTML можно назвать основой основ любого сайта, не важно, какая у Вас CMS.
Один из наиболее простых способов выделить в тексте слово или фразу – использовать другое начертание букв. Так можно подчеркнуть слово или фразу, используя жирный шрифт. HTML-разметка страницы с легкостью позволяет выделять слова с помощью различного начертания – курсивного, подчеркнутого, жирного.
Жирный шрифт как способ выделить главное
Наиболее ярко и броско выглядят слова, выделенные с помощью жирного шрифта. Такие слова и фразы сразу бросаются в глаза. Итак, для того чтобы научиться быстро выделять в тексте нужные места, следует запомнить специальный HTML-код. Жирный шрифт выставляется с помощью парного тэга .
Перед словом или фразой, предложением, которые должны быть выделены, ставится открывающий тэг . После последней буквы в тексте, который следует выделить, ставится закрывающий тэг . Все, что оказывается между этими двумя тэгами, при отображении в браузере имеет жирное начертание.
Другие варианты выделения
Итак, мы выяснили, что можно выделить текст с помощью другого начертания. Определились, что наиболее просто и в то же время эффективно использовать жирный шрифт HTML. Теперь поговорим о других вариантах выделения.
Так, можно выделить текст курсивом с помощью парного тэга , подчеркнуть его с помощью . Это наиболее простые способы выделения текста.
Есть также менее известные и используемые тэги, с помощью которых можно выделять слова и предложения в тексте. Так, для того чтобы перечеркнуть текст, достаточно использовать . Сделать текст моноширным поможет парный тэг . Если вам нужно создать верхний индекс, используйте , нижний — .
При этом, как и ранее, нужный вам текст должен находиться между открывающим и закрывающим тэгом. Как видите, нет ничего сложного, главное – запомнить данные коды или записать их.
Использование нескольких шрифтов
Если вы хотите сделать текст более выразительным, вы можете использовать не только жирный шрифт. HTML-разметка позволяет одновременно выделять слово с помощью нескольких начертаний. Так, можно одновременно сделать слово жирным, перечеркнутым и курсивным.
При этом надо помнить одно – все тэги должны закрываться последовательно. Например, правильная запись может быть такой:
Если же вы закроете тэги в другом порядке, то текст будет выделен неправильно. Пример ошибочной записи:
В таком случае браузер запутается и не поймет, что именно вы от него хотите.
Кстати, тут можно отметить, что три варианта начертания – жирное, подчеркнутое и курсивное — запоминаются довольно легко, если вы владеете горячими клавишами в Word. Там начертание задается с помощью тех же букв-клавиш при зажатом Ctrl.
Как видите, использовать можно не только курсивный или жирный шрифт. HTML-разметка позволяет выделять слова так же легко, как и обычный Word.
Выводы
Для выделения текста широко используются не только разнообразные цвета и оттенки, разный размер и тип шрифта, но и его начертание. Причем именно с помощью другого очертания можно красиво и легко выделить тот или иной фрагмент текста.
Для того чтобы изменить начертание шрифта, следует использовать любой известный вам тег. Жирный шрифт HTML-страницы — наиболее яркий и заметный, а потому используется наиболее часто для выделения.
Примечание: Мы стараемся как можно оперативнее обеспечивать вас актуальными справочными материалами на вашем языке. Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Просим вас уделить пару секунд и сообщить, помогла ли она вам, с помощью кнопок внизу страницы. Для удобства также приводим ссылку на оригинал (на английском языке).
В приложении Word, можно выделить текст полужирным шрифтом тремя способами: с помощью кнопки Полужирный на мини-панель инструментов, используйте кнопку " Полужирный " на вкладке " Главная " или нажмите сочетание клавиш.
Выделение текста полужирным шрифтом
Выделите текст, который вы хотите сделать полужирным и выполните одно из указанных ниже действий.
Наведите указатель мыши на мини-панели инструментов над выделения и нажмите кнопку Полужирный .
Введите сочетание клавиш: CTRL + B.
В HTML жирный текст можно сделать несколькими способами. К ним относятся:
Поговорим о каждом из вариантов выделения текста по порядку.
Жирный текст: тег
Тег 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 странице, но не спешите сразу использовать любой понравившийся, так как такое выделение может иметь разный смысл и влиять на оптимизацию сайта для поисковой системы.
Жирный шрифт тегом strong
Этот способ подойдет, если вы хотите выделить жирным шрифтом важную часть текста. HTML тег является тегом логического форматирования и его суть: "подчеркнуть" важность выделенного фрагмента.
Другие виды выделения текста описаны в статье: Теги форматирование текста в HTML.
Пример как сделать жирный шрифт HTML тегом :
Жирный текст с помощью тега b
То есть, если по каким-то причинам вы считаете, что фрагмент будет лучше смотреться, написанный жирным шрифтом, но сам по себе выделенный участок не является более важным, чем текст вокруг - используйте тег .
Выделение жирным стилями CSS
Жирный текст можно сделать не только с помощью специальных HTML тегов. Добиться вывода жирным шрифтом можно на любом теге задав ему свойство font-weight: bold; (работает не для всех шрифтов).
Такое выделение будет нести стилистический характер, не добавляя выделенному тексту логического веса.
К тому же, можно выделять как конкретный тег, так и сразу группу элементов, задав стили через CSS класс.
Свойство CSS внутри атрибута style:
Что делать, если выделить текст жирным не получается
Если выделить текст жирным не получается, скорее всего на вашем сайте переопределены CSS стили элементов. В таком случае, вам придется откорректировать эти стили. В большинстве случаев это можно будет сделать через основной файл таблиц стилей CSS. Если вы в этом не разбираетесь, обратиться к веб-мастеру. С большой долей вероятности на решение этой проблемы потребуется не более 5-ти минут работы (хотя, конечно же, могут быть исключения).
Практически в любом текстовом редакторе, а также в браузере есть поддержка следующих горячих клавиш для изменения формата текста: Ctrl + B, Ctrl + i и Ctrl + U. Данные клавиатурные сочетания упрощают форматирования текста тем, что не нужно тянуться за мышкой чтобы выбрать нужную опцию.
Ctrl + B — выделение текста жирным шрифтом
У каждого шрифта есть так называемое жирное (Bold, отсюда и B) сочетание. Выглядит это так:
Для того, чтобы выделить текст нужно выделить нужный кусок и нажать последовательно Ctrl + B. Текста станет жирным.
Ctrl + i — сделать текст курсивом
В начертаниях каждого шрифта есть наклонный вариант или как его еще называют — курсив. Для того, чтобы получить наклонный шрифт в текстовом редакторе, выделите нужный участок текста и нажмите последовательно Ctrl + i (italics). У вас получится как-то так:
Ctrl + U — подчеркнуть текст
Также в любом шрифте обязан быть вариант с подчеркнутым текстом. При написании такого слова внизу появляется черная полоска. Для того, чтобы сделать подчеркнутый текст, например в Word вам необходимо последовательно нажать Ctrl + U на выделенном участке текста. Получится так:
Если кто испытывает трудности по навигации на клавиатуре, то сделал небольшую картинку, которая наглядно показывает где какие кнопки находятся.
Также в текстовом редакторе есть визуальные кнопки для жирного текста, курсива и подчеркивания. Их нужно поискать в меню. Например вот так:
Они могу называться как он английских: B (Bold), I (italic), U (Underline), так и от русских букв: Ж (Жирный), К (курсив), Ч (подЧеркнутый).
Читайте также: