html — Подчеркивание последней строчки
Добрый день,
Есть заголовки,которые обычно в 2 строчки, у данных заголовков нужно подчеркнуть именно нижнею строчку.
<h4><a>Строка в две строчки</a></h4>
Допустим в данном варианте, «две строчки» переносится и эти слова надо подчеркнуть.
Естественно вариант, брать нижнею строчку в доп тег, не подходит, т.к это все выводится автоматически через двиг и верстка адаптивная.
<h4><a>Строка в <span>две строчки</span></a></h4>
Пока в голову пришел только такой «костыль», подчеркивать через бордер тег a, делать нужный line-height, и с помощью :before, закрывать первое подчеркивание. Данный вариант работает, но проблема именно в line-height и большом отступе между строчками, чтобы закрыть первый бордер. p.s строка выравнивается по центру! Надеюсь не сильно намудрил;)
- html
- css
- html5
- css3
9
https://jsfiddle.
net/LL895spd/3/
h4
{
width: 100px;
text-align: center;
display: inline-block;
position: relative;
}
h4 a:before {
content:'';
position:absolute;
width:100%;
height:100%;
left:0;
top:-1px;
background:#fff;
}
h4 a span{
position:relative;
}
a
{
border-bottom: 1px dashed #000;
text-decoration: none;
}
Ура!) Получилось сделать, без дубликатов и т.д) Как я раньше до такого решения не допер) Спасибо всем!) ihhaman — спасибо тебе! Натолкнул меня на мысль данную)
0
Предлагаю подчеркнуть непосредственно сам залоговок, а для ссылки убрать стандартное подчеркивание.
h4
{
display: inline-block;
border-bottom: solid 1px blue;
}
a
{
text-decoration: none;
}
Пример: https://jsfiddle.net/nk96jmd5/
7
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
Описание смарт-тегов в Word — Служба поддержки Майкрософт
Обзор
Когда Microsoft Word распознает эти типы данных, данных помечается с индикатором смарт-тега в виде фиолетового пунктирного подчеркивания.
Дополнительные сведения
О смарт-тегах
Можно сэкономить время, используя смарт-теги для выполнения действий в Microsoft Word, для которых обычно запускаются другие программы.
Чтобы добавить имя и адрес из документа в Microsoft Outlook пользователя папку контактов — одного действия, которые можно предпринять. Смарт-тег не требуется скопировать данные в Word, запустите программу Outlook и затем вставить данные в Outlook. Вместо этого щелкните смарт-тег, а затем выберите действие Добавить к контактам. Откроется диалоговое окно Новый контакт с именем и уже введенный адрес. Если требуется, введите любые дополнительные сведения и затем продолжить работу в Microsoft Word.
Как работают смарт-теги
Word распознает определенные типы данных, помечаемые смарт-тегами.
Например, «Наталья Солнцева» распознается как «имя пользователя» смарт-тег действия может занять Открыть контакт, Назначить встречу, Добавить в список контактовили Вставить адрес. При вводе под текстом появляются индикаторы смарт-тегов. Они также появляются при открытии сохраненного ранее документа.
Использование смарт-тегов
Когда Microsoft Word распознает тип данных, данные отмечаются индикатором смарт-тега или фиолетового пунктирного подчеркивания. Чтобы узнать, какие действия можно выполнить с смарт-тега, наведите курсор на текст с индикатором смарт-тега появится кнопка Действия смарт-тегов . Нажмите кнопку, чтобы открыть меню действий.
Если сохранить документ Word, содержащий смарт-теги как веб-страницу, некоторые действия можно будет выполнять в веб-обозревателе Microsoft Internet Explorer 5 или более поздней версии.
Также можно использовать смарт-теги в сообщениях электронной почты Outlook и в Microsoft Excel.
Смарт-теги можно использовать для выполнения действий в Microsoft Word, автоматический запуск других приложений. Смарт-теги обозначаются фиолетовой пунктирной линией под строкой текста в документе.
Перемещение курсора на текст, подчеркнутый фиолетовой пунктирной линией, пока не появится кнопка Действия смарт-тегов .
Нажмите кнопку, чтобы просмотреть действия можно выполнить, а затем выберите действие.
Изменение параметров смарт-тегов
Для изменения параметров смарт-тегов можно использовать любой из следующих методов.
Включение и отключение смарт-тегов
org/ListItem»>В меню Сервис выберите команду Параметры автозаменыи перейдите на вкладку Смарт-теги .
Примечание. В Microsoft Office Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку проверки правописанияи нажмите кнопку Параметры автозамены. Щелкните Смарт-теги в диалоговом окне Автозамена .
-
Установите или снимите флажок
Добавить тексту со смарт-тегами .
Отображение или скрытие смарт-тегов
Можно отобразить или скрыть, смарт-теги обозначаются фиолетовой пунктирной линией.
- org/ListItem»>
В меню Сервис выберите команду Параметрыи откройте вкладку Вид .
В группе Отображатьустановите или снимите флажок смарт-теги .
Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку Дополнительнои затем установите или снимите флажок Отображать смарт-теги в группе Показ содержимого документа.
Отображение или скрытие кнопок действий смарт-тегов
Кнопки Действий смарт-тегов отображается при наведении курсора на смарт-тегов. При скрытии кнопок также будет скрыто меню действий, которые можно выбрать с помощью смарт-тегов.
-
В меню Сервис выберите команду Параметры автозаменыи перейдите на вкладку Смарт-теги .
Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку проверки правописанияи нажмите кнопку Параметры автозамены. Щелкните Смарт-теги в диалоговом окне Автозамена .
Установите или снимите флажок Показать действия смарт-тегов .
Сохранение или удаление смарт-тегов
-
В меню Сервис выберите команду Параметрыи откройте вкладку Сохранение .

-
В группе Параметры сохраненияустановите или снимите флажок Внедрять смарт-теги .
Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку Дополнительнои затем установите или снимите флажок внедрять смарт-теги в поле Сохранение качества при совместном использовании документа.
Сохранение смарт-тегов в формате XML
-
В меню Сервис выберите команду Параметрыи откройте вкладку Сохранение .
- org/ListItem»>
В группе Параметры сохраненияустановите флажок Сохранять смарт-теги как свойства XML в веб-страницы .
Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку Дополнительнои установите или снимите флажок Сохранять смарт-теги как свойства XML в веб-страницы в разделе Сохранить качество при совместном использовании документа .
Включение и отключение смарт-тегов для сообщений электронной почты
Смарт-теги можно сохранить в сообщении электронной почты, чтобы получатель мог использовать их. Получатели должны просматривать свои сообщения в Outlook 2002 и Outlook 2003.
- org/ListItem»>
В меню Сервис выберите команду Параметрыи откройте вкладку Общие .
-
Нажмите кнопку Параметры почтыи затем откройте вкладку Общие .
-
В группе Параметры HTML-кодаустановите или снимите флажок Сохранять смарт-теги в электронных письмах .
Примечание. По умолчаниюСохранять смарт-теги в электронных письмах устанавливается для включения в Word 2007.
Удалить URL-адреса загрузки из смарт-тегов
- org/ListItem»>
В меню Сервис выберите команду Параметрыи откройте вкладку Безопасность .
-
В группе Параметры конфиденциальностиустановите флажок удалять личные сведения из свойств файла при сохранении .
Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку Параметры конфиденциальностии затем установите флажок удалять личные сведения из свойств файла в разделе параметры конкретного документа .
Удаление смарт-тегов
Чтобы удалить смарт-теги, воспользуйтесь одним из следующих способов.
Метод 1: Удаление из текста одного смарт-тега
- org/ItemList»>
-
Наведите курсор на текст появится кнопка Действия смарт-тегов .
-
Нажмите кнопку Действия смарт-тегов и нажмите кнопку Удалить смарт-тег.
Метод 2: Удалить все смарт-теги
Этот метод удаляет все смарт-теги, включая смарт-теги, подписанные распознавателями, которые больше не может иметь и распознавания смарт-тегов в документе, открытом на компьютере другого пользователя. Это действие нельзя отменить.
-
В меню Сервис выберите команду Параметры автозаменыи перейдите на вкладку Смарт-теги .

Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку проверки правописанияи нажмите кнопку Параметры автозамены в разделе Параметры автозамены. В диалоговом окне Автозамена нажмите кнопку Смарт-тегов.
-
На вкладке Смарт-теги нажмите кнопку Удалить смарт-теги.
Способ 3: Удалите определенные типы смарт-тегов
Этот метод удаляет некоторые смарт-теги, но оставляет функция включена.
-
В меню Сервис выберите команду Параметры автозаменыи перейдите на вкладку Смарт-теги .

Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку проверки правописанияи нажмите кнопку Параметры автозамены в разделе Параметры автозамены. В диалоговом окне Автозамена нажмите кнопку Смарт-тегов.
-
В списке Распознавателиснимите флажки для смарт-тегов, которые требуется удалить.
-
Нажмите кнопку Удалить смарт-теги.
Как получить дополнительные смарт-теги
Смарт-теги, поставляемые с Microsoft Word – это только начало. Получить дополнительные смарт-теги, выполните одно из следующих действий:
- org/ListItem»>
В меню Сервис выберите команду Параметры автозамены, затем щелкните Смарт-тегов щелкните вкладку Более смарт-тегов.
Примечание. В Word 2007 нажмите Кнопку Microsoft Office, нажмите кнопку Параметры Word, нажмите кнопку проверки правописанияи нажмите кнопку Параметры автозамены в разделе Параметры автозамены. В диалоговом окне Автозамена нажмите кнопку Смарт-тегии нажмите кнопку Более смарт-тегов. — или —
-
Нажмите кнопку Действия смарт-тегов и нажмите кнопку Проверка новых действий для перехода на веб-узлы, чтобы найти новые смарт-теги и действия.
Примечание: Проверка новых действий пункт меню доступен, если дополнительные элементы смарт-теги были загружены из Интернета или интрасети.
Можно найти дополнительные смарт-теги, созданные корпорацией Майкрософт, сторонними компаниями и специалистами отдела информационных технологий (IT), которые могут разрабатывать смарт-теги и действия для определенных продуктов или служб, которые работают с. Например, если вы работаете в отделе продаж, можно нажать кнопку «имя продукта» смарт-тега в документе предлагаются действия таких как «проверка количества» на складе или цены.
Примечание: типы смарт-тегов, поставляемых с Microsoft Word, зависит от языка и грамматики, используется.
Ссылки
Дополнительные сведения об устранении неполадок смарт-теги в меню Справка щелкните Справка Microsoft Word 2002 , введите Устранение смарт-теги в поле помощника Office или мастера ответов и нажмите кнопку Поиск для просмотра раздела.
HTML-тег u
❮ Назад Полный справочник HTML Далее ❯
Пример
Отметьте слово с ошибкой тегом :
Это текст с ошибкой.
Попробуйте сами »
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Тег представляет некоторый текст,
не артикулирован и стилизован по-другому
из обычного текста, например слова с ошибками или имена собственные в тексте на китайском языке.
содержимое внутри обычно отображается с подчеркиванием. Вы можете изменить это
с помощью CSS (см. пример ниже).
Совет: Избегайте использования элемент, где его можно спутать с гиперссылкой!
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
| <у> | Да | Да | Да | Да | Да |
Глобальные атрибуты
Тег также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег также поддерживает атрибуты событий в HTML.
Дополнительные примеры
Пример
Используйте CSS для стилизации текста с ошибками:
Это какой-то текст с ошибкой.
Попробуйте сами »
Связанные страницы
Учебник HTML: Форматирование текста HTML
Ссылка HTML DOM: Подчеркнутый объект значения:
Пример
u {
text-decoration: подчеркивание;
}
Попробуйте сами »
❮ Предыдущая Полный справочник HTML Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебник HTMLУчебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.
CSS Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery
9003 010 Учебник0123
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
Top3 Examples Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
FORUM | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.
Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования,
куки-файлы и политика конфиденциальности.
Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools использует W3.CSS.
Узнайте, как подчеркивать в HTML
Содержание
- 1. Подчеркивание в HTML: основные советы
- 1.1. Когда использовать тег u
- 2. Поддержка браузера
Подчеркивание HTML: основные советы
- Тег подчеркивания HTML устарел в HTML4. Тем не менее, повторно представил с семантическим значением в HTML5.
- Теперь он используется для обозначения того, что фрагмент встроенного текста содержит нетекстовых значение.
- Этот тег поддерживает глобальных атрибутов .
- Начальный и конечный теги обязательны .
Pros
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
Main Features
- Nanodegree programs
- Suitable for enterprises
- Платные сертификаты об окончании
EXCLUSIVE: 75% OFF
Pros
- Easy to navigate
- No technical issues
- Seems to care about its users
Main Features
- Huge variety of courses
- 30- политика возврата денег в день
- Бесплатные сертификаты об окончании
ОТ 12,99$
Pros
- Отличный пользовательский опыт
- Предлагает качественный контент
- Очень прозрачная с их оценкой
Основные функции
- БЕСПЛАТНЫЕ СЕРТИФИКАТЫ ОТДЕЛИТЕЛЬНОСТИ
- ОКАЗАТЬ НА ДАННЫЕ НАВЕДЕНИЕ
- ГИШКИЙ ОБРАЗОВАНИЕ
9999 DISCIT раньше назывался тегом подчеркивания HTML, теперь он официально известен как тег с нечеткой аннотацией .
Таким образом, вы не должны использовать его для простых целей стилизации. Он предназначен для обозначения нетекстовых аннотаций.
При использовании тега его содержимое получает простое сплошное подчеркивание в HTML:
Пример
Вот некоторый подчеркнутый текст.
Попробуйте живое обучение на Udacity
Однако вы можете изменить его, используя свойство CSS text-decoration. В приведенном ниже примере мы будем использовать красную волнистую линию для обозначения орфографической ошибки в тексте:
Пример
<стиль>
ты {
text-decoration: волнистое подчеркивание #FF0000;
}
стиль>
<тело>
Хороший грамматик важен.
тело> Попробуйте в прямом эфире Учитесь на Udacity
Если вы просто ищете, как подчеркнуть текст в HTML, чтобы он выглядел жирнее, это свойство CSS также является вашим лучшим вариантом.
Примечание: не используйте тег , если его можно спутать с гиперссылкой.

