Kaip pabraukti tekstą HTML

Autorius: Clyde Lopez
Kūrybos Data: 19 Liepos Mėn 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
HTML Underline - How to underline text in HTML and CSS
Video.: HTML Underline - How to underline text in HTML and CSS

Turinys

Senas HTML pabraukimo metodas yra naudoti žymas u> / u>, tačiau dabar naudojamas modernus CSS metodas. Pabrėžimas laikomas blogu būdu atkreipti dėmesį į tekstą, nes pabrauktą tekstą lengva supainioti su nuoroda.

Žingsniai

1 iš 2 metodas: šiuolaikinis metodas

  1. 1 CSS naudokite ypatybę „teksto dekoravimas“. Šiuo metu u> žyma nenaudojama tekstui pabraukti.
    • Pridėję šią nuosavybę, ateityje nebereikės keisti kodo, kai senos žymos bus panaikintos.
  2. 2 Norėdami pabrėžti konkretų teksto fragmentą, naudokite žymą span>. Prieš tekstą, kurį norite pabraukti, įveskite pradžios žymą kartu su ypatybe „text-decoration“. Teksto pabaigoje įveskite uždarymo žymą / span>.

    span style = "text-decoration: underline;"> Šis tekstas bus pabrauktas. / span>

  3. 3 Stilius> skyriuje nurodykite HTML elementus, kad būtų lengviau pabrėžti. Tai taip pat galima padaryti naudojant CSS stiliaus lapą. Pvz., Norėdami pabrėžti visas 3 lygio antraštes, skiltyje „stilius“ pridėkite šį kodą:

    html> galva> stilius> h3 {text-decoration: underline; } / style> / head> body> h3> Ši antraštė bus pabraukta / h3> / body> / html>

  4. 4 Sukurkite CSS klasę, kad greitai pabrauktumėte tekstą. Galite sukurti klases savo stiliaus lape arba stiliaus> skiltyje, kad vėliau jas paskambintumėte. Klasę galima pavadinti bet kokiu vardu.

    html> galva> stilius> .pabrauktas {text-decoration: underline; } / style> / head> body> Naudokite šią klasę norėdami div> greitas pabraukimas / div> įvairūs div> elementai / div> / body> / html>

  5. 5 Pagalvokite apie kitus būdus, kaip paryškinti tekstą. Rekomenduojame vengti pabraukimo, kad nesuklaidintumėte naudotojų. Geriau naudoti žymą em>, kad tekstas būtų kursyvu. Naudokite CSS, kad prie šios žymos pridėtumėte kitų stiliaus parinkčių.

    html> galva> stilius> em {spalva: raudona; } / style> / head> body> Viskas, kas yra „em“ elemente, bus kursyvu (pagal numatytuosius nustatymus) ir taip pat nuspalvinta raudonai / em> dėl papildomų stiliaus parinkčių. / body> / html>

2 metodas iš 2: Pasenęs metodas

  1. 1 Venkite naudoti senas u> / u> žymes. Jie nebenaudojami, o tai reiškia, kad šios žymos vis dar veikia, tačiau yra atgrasomos ar atgrasomos. Taip yra todėl, kad HTML nėra skirtas tinkinti turinio stilių. Žyma u> vis dar veikia, tačiau turi atspindėti tekstą, kuris skiriasi nuo kito teksto, pvz., Klaidingai parašytus žodžius ar kinų vardus.
  2. 2 Naudokite u> / u> žymas elementams pabraukti (tik demonstravimui). Vargu ar yra vienas atvejis, kai jums reikia naudoti šias žymas. Jums gali tekti redaguoti seną svetainę, todėl geriausia žinoti, kas yra žymos.

    html> body> Senoji HTML u> žyma leido greitai pabrėžti / u> elementus, tačiau jei buvo paliesti kiti stiliaus elementai, viskas pasidarė chaotiška. Todėl šiais laikais pabraukimui jie naudoja CSS elementą „teksto dekoravimas“. / body> / html>

Patarimai

  • Beveik visada yra geresnis būdas paryškinti tinklalapio turinį nei pabraukti. Pabraukimas gali suklaidinti vartotojus. Pagalvokite, kaip paryškinti tekstą naudojant CSS.