Како подвући текст у ХТМЛ -у

Аутор: Clyde Lopez
Датум Стварања: 19 Јули 2021
Ажурирати Датум: 1 Јули 2024
Anonim
002 HTML podebljaj, iskosi, podvuci
Видео: 002 HTML podebljaj, iskosi, podvuci

Садржај

Наслеђена метода подвлачења ХТМЛ -а је употреба ознака у> / у>, али сада се користи савремена метода заснована на ЦСС -у. Подцртавање се сматра лошим начином скретања пажње на текст јер је лако помешати подвучени текст са везом.

Кораци

Метода 1 од 2: Савремена метода

  1. 1 Користите својство "тект-децоратион" у ЦСС-у. Тренутно се ознака у> не користи за подвлачење текста.
    • Додавањем овог својства не морате да мењате код у будућности када се старе ознаке повуку.
  2. 2 Користите ознаку спан> за подвлачење одређеног дела текста. Унесите почетну ознаку заједно са својством "тект-децоратион" испред текста који желите да подвучете. На крају текста унесите завршну ознаку / распон>.

    спан стиле = "тект-децоратион: ундерлине;"> Овај текст ће бити подвучен. / спан>

  3. 3 Наведите ХТМЛ елементе у одељку стиле> да бисте лакше подвукли. Такође се може урадити помоћу ЦСС стила. На пример, да бисте подвукли све наслове нивоа 3, додајте следећи код у одељак „стил“:

    хтмл> хеад> стиле> х3 {тект-децоратион: ундерлине; } / стиле> / хеад> боди> х3> Овај наслов ће бити подвучен / х3> / боди> / хтмл>

  4. 4 Направите ЦСС класу за брзо подвлачење текста. Можете да креирате часове у табели стилова или одељку стил> да бисте их позвали касније. Класи се може дати било које име.

    хтмл> хеад> стиле> .ундерлине {тект-децоратион: ундерлине; } / стиле> / хеад> боди> Користите ову класу за див> брзо подвлачење / див> разне див> елементе / див> / боди> / хтмл>

  5. 5 Размислите о другим начинима истицања текста. Препоручујемо да избегавате подвлачење како не бисте збунили кориснике. Боље је користити ознаку ем> да текст буде курзиван. Користите ЦСС за додавање других опција за обликовање овој ознаци.

    хтмл> глава> стил> ем {боја: црвена; } / стиле> / хеад> боди> Све у елементу "ем" биће курзивом (подразумевано) и такође обојено црвеном / ем> захваљујући додатним опцијама стила. / боди> / хтмл>

Метод 2 од 2: Наслеђена метода

  1. 1 Избегавајте коришћење старих ознака у> / у>. Они су застарели, што значи да ове ознаке и даље функционишу, али се обесхрабрују или обесхрабрују. То је зато што ХТМЛ није намењен прилагођавању стила садржаја. Ознака у> и даље ради, али мора представљати текст различит од другог текста, попут погрешно написаних речи или кинеских властитих имена.
  2. 2 Користите ознаке у> / у> за подвлачење елемената (само за демонстрацију). Тешко да постоји један случај да морате да користите ове ознаке. Можда ћете морати да измените стару локацију, па је најбоље да знате које су ознаке.

    хтмл> боди> Стара ХТМЛ у> ознака омогућила је брзо подцртавање / у> елемената, али ако су додирнути други стилски елементи, ствари су постале хаотичне. Због тога данас користе ЦСС елемент "тект-децоратион" за подвлачење. / боди> / хтмл>

Савјети

  • Скоро увек постоји бољи начин за истицање садржаја на веб страници од подвлачења. Подвлачење може збунити кориснике. Размислите о томе како означити текст помоћу ЦСС -а.