Kako podcrtati tekst u HTML -u

Autor: Clyde Lopez
Datum Stvaranja: 19 Srpanj 2021
Datum Ažuriranja: 1 Srpanj 2024
Anonim
Kako podcrtati tekst u HTML -u - Društvo
Kako podcrtati tekst u HTML -u - Društvo

Sadržaj

Naslijeđena HTML podcrtana metoda je korištenje oznaka u> / u>, ali sada koristi modernu metodu temeljenu na CSS -u. Podcrtavanje se smatra lošim načinom skretanja pozornosti na tekst jer je podvučeni tekst lako zamijeniti s vezom.

Koraci

Metoda 1 od 2: Suvremena metoda

  1. 1 Upotrijebite svojstvo "text-decoration" u CSS-u. Trenutno se oznaka u> ne koristi za podcrtavanje teksta.
    • Dodavanjem ovog svojstva ne morate mijenjati kôd u budućnosti kada se stare oznake povuku.
  2. 2 Oznakom span> podcrtajte određeni dio teksta. Unesite početnu oznaku zajedno sa svojstvom "text-decoration" ispred teksta koji želite podcrtati. Na kraju teksta unesite završnu oznaku / raspon>.

    span style = "text-decoration: underline;"> Ovaj će tekst biti podcrtan. / span>

  3. 3 Navedite HTML elemente u odjeljku stil> kako biste olakšali podcrtavanje. To se također može učiniti pomoću CSS tablice stilova. Na primjer, da biste podcrtali sve naslove razine 3, dodajte sljedeći kôd u odjeljak "stil":

    html> glava> stil> h3 {text-decoration: underline; } / style> / head> body> h3> Ovaj će naslov biti podcrtan / h3> / body> / html>

  4. 4 Izradite CSS klasu za brzo podcrtavanje teksta. Možete stvoriti klase u tablici stilova ili odjeljak stil> da biste ih kasnije pozvali. Klasi se može dati bilo koje ime.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> Koristite ovu klasu za div> brzo podcrtavanje / div> razne div> elemente / div> / tijelo> / html>

  5. 5 Razmislite o drugim načinima isticanja teksta. Preporučujemo da izbjegavate podcrtavanje kako ne biste zbunili korisnike. Bolje upotrijebite oznaku em> da tekst bude kurzivan. Upotrijebite CSS za dodavanje drugih mogućnosti oblikovanja ovoj oznaci.

    html> glava> stil> em {boja: crvena; } / style> / head> body> Sve u elementu "em" bit će ispisano kurzivom (prema zadanim postavkama), a također će biti obojeno crvenom / em> zahvaljujući dodatnim mogućnostima stila. / body> / html>

Metoda 2 od 2: Naslijeđena metoda

  1. 1 Izbjegavajte korištenje starih oznaka u> / u>. One su zastarjele, što znači da ove oznake i dalje rade, ali se obeshrabruju ili obeshrabruju. To je zato što HTML nije namijenjen prilagodbi stila sadržaja. Oznaka u> i dalje radi, ali mora predstavljati tekst različit od drugog teksta, poput pogrešno napisanih riječi ili vlastitih kineskih imena.
  2. 2 Koristite oznake u> / u> za podcrtavanje elemenata (samo za demonstraciju). Gotovo da nema niti jednog slučaja da trebate koristiti ove oznake. Možda ćete morati urediti staru web lokaciju, pa je najbolje znati koje su to oznake.

    html> body> Stara HTML u> oznaka omogućila je brzo podcrtavanje / u> elemenata, no ako se dotaknu drugi stilski elementi, stvari su postale kaotične. Stoga se danas za podcrtavanje koristi CSS element "text-decoration". / body> / html>

Savjeti

  • Gotovo uvijek postoji bolji način za isticanje sadržaja na web stranici od podcrtavanja. Podcrtavanje može zbuniti korisnike. Razmislite o tome kako istaknuti tekst pomoću CSS -a.