Podcrtajte tekst u HTML-u

Autor: John Pratt
Datum Stvaranja: 17 Veljača 2021
Datum Ažuriranja: 1 Srpanj 2024
Anonim
Hrvatski jezik, 3. r. SŠ - Charles Baudelaire (Sintaktička služba riječi), 2. dio
Video: Hrvatski jezik, 3. r. SŠ - Charles Baudelaire (Sintaktička služba riječi), 2. dio

Sadržaj

Podcrtavanje u HTML-u nekada je trebalo zatvarati tekst između u> / u> oznaka, ali od tada je ova metoda zastarjela u korist svestranijeg CSS-a. Podcrtavanje na web stranicama općenito se smatra nezgodnim načinom naglašavanja određenog dijela teksta. To je zato što se podcrtani tekst lako zamijeni s vezom.

Kročiti

Metoda 1 od 2: Trenutna metoda

  1. Upotrijebite svojstvo ukrašavanja teksta u vašem CSS stilu. Korištenje oznake u> više nije prikladan način za podvlačenje teksta. Umjesto toga koristimo CSS svojstvo "uređenje teksta".
    • To olakšava izmjenu koda, tako da ne morate ništa mijenjati na starom kodu ako je postao neupotrebljiv.
  2. Oznaku span> upotrijebite kad želite podvući određeni dio teksta. Postavite početnu oznaku zajedno sa svojstvom "uređenje teksta" tamo gdje želite da podcrtavanje započne. Postavite završnu oznaku / raspon> tamo gdje bi podcrtavanje trebalo prestati.

    span style = "text-decoration: underline;"> Ovo će biti podvučeno./span>

  3. Deklarirajte HTML elemente u stilu> dijelu vaše stranice. To možete učiniti i u CSS tabeli stilova. Podcrtavanje se može znatno olakšati povezivanjem stila s HTML elementom. Na primjer, da biste podvukli sva zaglavlja razine 3, dodajte sljedeći CSS stil:

    html> glava> stil> h3 {ukras teksta: podcrtano; } / style> / head> body> h3> Ovaj je naslov podvučen / h3> / body> / html>

  4. Stvorite CSS klasu za brzo podvlačenje u bilo kojem trenutku. Možete stvoriti klase u svom stilskom listu ili stilu>, koji će biti pozvani kasnije. Predmet može imati bilo koje ime koje želite.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> Ovu klasu možete brzo podvući div> / div> iz različitih dijelova div> iz vašeg sadržaja / div> / body> / html>

  5. Razmotrite druge metode naglašavanja teksta. Treba izbjegavati podvlačenje kako bi se izbjegla zabuna kod čitatelja. Popularna metoda je upotreba oznake em> koja tekst čini kurzivom. Možete koristiti CSS za daljnje određivanje ove oznake, za jedinstveni način naglašavanja.

    html> glava> stil> em {boja: crvena; } / style> / head> body> Sve unutar elementa em postat će em> kurziv (zbog zadanih postavki), a crveno / em> zbog stila koji je gore dodan. / body> / html>

Metoda 2 od 2: Zastarjela metoda

  1. Izbjegavajte upotrebu starih oznaka u> / u>. To su "obeshrabreni", što znači da i dalje djeluje, ali se više ne koristi niti preporučuje. To je zato što HTML u principu nije zamišljen kao označni jezik. Oznaka u> i dalje će raditi, ali sada je namijenjena označavanju teksta koji se razlikuje od drugog teksta, poput pogrešno napisane riječi ili kineskih vlastitih imenica.
  2. Oznaku u> / u> upotrijebite za podvlačenje (samo radi ilustracije). Ni u kojem slučaju nemojte ponovo koristiti ovu metodu. Možda je dobro znati kako se koristilo u slučaju da trebate ažurirati stariju web stranicu.

    html> body> Sa starom oznakom u> u HTML-u možete brzo podvući stvari / u>, ali stvari se brzo zabrljaju kada se koriste drugi elementi stila. Zbog toga sada podvlačimo "uređenje teksta" elementom CSS. / body> / html>

Savjeti

  • Gotovo uvijek postoji bolji način za naglašavanje nečega na web stranici nego za podcrtavanje. Čitatelje može zbuniti. Učinite svoj tekst ljepšim pomoću CSS-a, kako bi se pozitivno istaknuo.