Подчертайте текста в HTML

Автор: John Pratt
Дата На Създаване: 17 Февруари 2021
Дата На Актуализиране: 1 Юли 2024
Anonim
HTML форми
Видео: HTML форми

Съдържание

Подчертаването в HTML преди е било въпрос на затваряне на текста между тагове u> / u>, но оттогава този метод е остарял в полза на по-универсалния CSS. Подчертаването в уеб страниците обикновено се счита за неудобен начин за подчертаване на дадена част от текста. Това е така, защото подчертаният текст лесно се бърка с връзка.

Стъпвам

Метод 1 от 2: Текущ метод

  1. Използвайте свойството за декорация на текст във вашия CSS стил. Използването на тага u> вече не е подходящ начин за подчертаване на текста. Вместо това използваме CSS свойството "text-decoration".
    • Това прави кода по-лесен за модифициране, така че да не се налага да променяте нищо по отношение на стария код, ако той е станал неизползваем.
  2. Използвайте маркера span>, когато искате да подчертаете определена част от текста. Поставете началния таг заедно със свойството "декорация на текст" там, където искате да започне подчертаването. Поставете крайния етикет / интервал> там, където подчертаването трябва да спре.

    span style = "text-decoration: underline;"> Това ще бъде подчертано. / span>

  3. Декларирайте HTML елементи в стила> част от вашата страница. Можете да направите това и в CSS таблицата със стилове. Подчертаването може да се направи много по-лесно чрез свързване на стил с HTML елемент. Например, за да подчертаете всичките си заглавки от ниво 3, добавете следния CSS стил:

    html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Това заглавие е подчертано / h3> / body> / html>

  4. Създайте CSS клас, за да подчертаете бързо по всяко време. Можете да създавате класове във вашата таблица със стилове или стил>, които да бъдат извикани по-късно. Класът може да има всяко име, което искате.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> Можете да използвате този клас за бързо подчертаване на div> / div> от различни части div> от вашето съдържание / div> / body> / html>

  5. Помислете за други методи за подчертаване на текста. Трябва да се избягва подчертаването, за да се избегне объркване за читателя. Популярен метод е използването на етикета em>, което прави текста курсив. Можете да използвате CSS, за да посочите допълнително този маркер, за уникален начин за подчертаване.

    html> head> style> em {color: red; } / style> / head> body> Всичко вътре в елемента em ще стане em> курсив (заради настройките по подразбиране) и червено / em> поради добавения по-горе стил. / body> / html>

Метод 2 от 2: Остарял метод

  1. Избягвайте да използвате старите маркери u> / u>. Те са "обезкуражени", което означава, че все още работи, но вече не се използва или препоръчва. Това е така, защото HTML по принцип не е проектиран като език за маркиране. Маркерът u> все още ще работи, но сега е предназначен да указва текст, който се различава от другия текст, като грешно написана дума или китайски собствени съществителни.
  2. Използвайте маркера u> / u> за подчертаване (само за илюстрация). В никакъв случай не трябва да използвате този метод отново. Може да е добре да знаете как е бил използван в случай, че трябва да актуализирате по-стар уебсайт.

    html> body> Със стария таг u> в HTML можете бързо да подчертаете нещата / u>, но нещата бързо се объркват, когато се използват други стилови елементи. Ето защо сега подчертаваме „декорация на текст“ с елемента CSS. / body> / html>

Съвети

  • Почти винаги има по-добър начин да подчертаете нещо на уеб страница, отколкото с подчертаване. Може да е много объркващо за читателите. Направете текста си по-красив с CSS, за да се откроява положително.