Як підкреслити текст в html (з ілюстраціями)

Застарілий метод підкреслення в HTML полягає в використанні тегів, але тепер використовується сучасний метод на основі CSS. Підкреслення вважається поганим способом привернути увагу до тексту, тому що підкреслений текст легко сплутати з посиланням.

кроки

Метод 1 з 2:

сучасний метод

1. Використовуйте властивість «text-decoration» в CSS. В даний час тег не застосовується для підкреслення тексту.

Якщо додати цю властивість, вам не доведеться міняти код в майбутньому, коли старі теги вийдуть з обігу.

2. Використовуйте тег, щоб підкреслити певний фрагмент тексту. Введіть відкриває тег разом з властивістю «text-decoration» перед текстом, який потрібно підкреслити. В кінці тексту введіть закриває тег .

 style ="text-decoration: underline-">Цей текст буде підкреслений.

3. Вкажіть HTML-елементи в розділі Також це можна зробити за допомогою таблиці стилів CSS. Наприклад, щоб підкреслити всі заголовки рівня 3, додайте наступний код в розділ «style»:

 {Text-decoration: underline-}Цей заголовок буде підкреслений

4. Створіть клас CSS, щоб швидко підкреслювати текст. У таблиці стилів або розділі

 {Text-decoration: underline-}Використовуйте цей клас для class ="underline">швидкого підкреслення

різних class ="underline">елементів

5. Подумайте про інші способи виділення тексту. Рекомендуємо уникати підкреслення, щоб не заплутати користувачів. Краще застосувати тег , щоб виділити текст курсивом. Використовуйте CSS, щоб додати до цього тегу інші параметри стилю.

 {Color: red-}Все, що знаходиться в елементі «em», буде виділено курсивом (за замовчуванням), а також забарвлене в червоний колір завдяки додатковим параметрам стилю.

Метод 2 з 2:

застарілий метод

1. Уникайте використання старих тегів . Вони застаріли - це означає, що ці теги все ще працюють, але ними намагаються не користуватися або не рекомендують застосовувати. Це пов`язано з тим, що HTML не призначений для настройки стилю контенту. тег все ще працює, але повинен представляти текст, відмінний від іншого тексту, наприклад, слів з помилками або китайських назв.

2. Використовуйте теги, щоб підкреслювати елементи (тільки для демонстрації). Практично немає жодного випадку, коли необхідно використовувати ці теги. Можливо, вам доведеться редагувати старий сайт, тому краще бути в курсі, що представляють собою зазначені теги.

Старий HTML-тегпозволял швидко підкреслювати елементи, але якщо порушувалися інші елементи стилю, все ставало хаотичним. Тому зараз для підкреслення використовують CSS-елемент «text-decoration».

Поради

Практично завжди є кращий спосіб виділити контент на веб-сторінці, ніж підкреслення. Підкреслення може заплутати користувачів. Подумайте про те, як виділити текст за допомогою CSS.