Undirstrikaðu texta í HTML

Höfundur: John Pratt
Sköpunardag: 17 Febrúar 2021
Uppfærsludagsetning: 1 Júlí 2024
Anonim
Undirstrikaðu texta í HTML - Ráð
Undirstrikaðu texta í HTML - Ráð

Efni.

Undirstrikun í HTML var áður spurning um að setja textann á milli u> / u> merkjanna, en þessi aðferð hefur síðan verið úrelt í þágu fjölhæfari CSS. Undirstrikun vefsíðna er almennt talin óþægileg leið til að leggja áherslu á tiltekinn kafla texta. Þetta er vegna þess að undirstrikaður texti er auðveldlega ruglaður saman við krækju.

Að stíga

Aðferð 1 af 2: Núverandi aðferð

  1. Notaðu textaskreytingareignina í þínum CSS stíl. Notkun u> merkisins er ekki lengur heppileg leið til að undirstrika texta. Í staðinn notum við CSS eignina „textaskreyting“.
    • Þetta gerir kóðann auðveldari að breyta, þannig að þú þarft ekki að breyta neinu varðandi gamla kóðann ef hann er orðinn ónothæfur.
  2. Notaðu span> merkið þegar þú vilt undirstrika ákveðinn hluta textans. Settu upphafsmerkið ásamt „textaskreytingar“ eigninni þar sem þú vilt að undirstrikunin byrji. Settu lokamerkið / spanið> þar sem undirstrikunin ætti að stöðvast.

    span style = "text-decoration: underline;"> Þetta verður undirstrikað. / span>

  3. Lýstu yfir HTML þætti í stíl> hluta af síðunni þinni. Þú getur líka gert þetta í CSS stílblaðinu. Það er hægt að gera undirstrikun mun auðveldari með því að tengja stíl við HTML frumefni. Til dæmis, til að undirstrika öll stig 3 hausa skaltu bæta við eftirfarandi CSS stíl:

    html> höfuð> stíll> h3 {textaskreyting: undirstrikun; } / style> / head> body> h3> Þessi fyrirsögn er undirstrikuð / h3> / body> / html>

  4. Búðu til CSS bekk til að undirstrika fljótt hvenær sem er. Þú getur búið til námskeið í stílblaðinu þínu eða stíl>, til að hringja í það seinna. Bekkurinn getur haft hvaða nafn sem þú vilt.

    html> höfuð> stíll>. undirstrikun {textaskreyting: undirstrikun; } / style> / head> body> Þú getur notað þennan flokk til að undirstrika fljótt div> / div> frá mismunandi hlutum div> frá innihaldinu þínu / div> / body> / html>

  5. Hugleiddu aðrar aðferðir til að leggja áherslu á texta. Forðast ætti að undirstrika til að koma í veg fyrir rugling fyrir lesandann. Vinsæl aðferð er að nota em> merkið, sem gerir texta skáletraðan. Þú getur notað CSS til að tilgreina þetta merki frekar, til að fá einstaka leið til að leggja áherslu á.

    html> höfuð> stíll> em {litur: rauður; } / style> / head> body> Allt innan em-þáttarins verður em> skáletrað (vegna sjálfgefinna stillinga) og rautt / em> vegna stílsins sem bætt var við hér að ofan. / body> / html>

Aðferð 2 af 2: Úrelt aðferð

  1. Forðastu að nota gömlu u> / u> merkin. Þetta er „hugfallast“, sem þýðir að það virkar enn, en er ekki lengur notað eða mælt með því. Þetta er vegna þess að HTML er í meginatriðum ekki hannað sem merkimál. Merkið u> mun enn virka, en er nú ætlað að gefa til kynna texta sem er frábrugðinn hinum textanum, svo sem rangt stafsett orð eða kínverskt eiginnafn.
  2. Notaðu merkið u> / u> til undirstrikunar (aðeins til skýringar). Þú ættir ekki undir neinum kringumstæðum að nota þessa aðferð aftur. Það getur verið gott að vita hvernig það var notað ef þú þarft að uppfæra eldri vefsíðu.

    html> body> Með gamla taginu u> í HTML gætirðu fljótt undirstrikað hlutina / u>, en hlutirnir verða fljótt sóðalegir þegar aðrir stílþættir voru notaðir. Þess vegna undirstrikum við nú „textaskreytingu“ með CSS frumefninu. / body> / html>

Ábendingar

  • Það er næstum alltaf betri leið til að leggja áherslu á eitthvað á vefsíðu en með undirstrikun. Það getur verið mjög ruglingslegt fyrir lesendur. Gerðu textann þinn fallegri með CSS, til að láta hann standa sig með jákvæðum hætti.