Kako podčrtati besedilo v HTML

Avtor: Clyde Lopez
Datum Ustvarjanja: 19 Julij. 2021
Datum Posodobitve: 1 Julij. 2024
Anonim
Ernesto Sirolli: Want to help someone? Shut up and listen!
Video.: Ernesto Sirolli: Want to help someone? Shut up and listen!

Vsebina

Podedovana podčrtana metoda HTML je uporaba oznak u> / u>, zdaj pa uporablja sodobno metodo, ki temelji na CSS. Podčrtavanje velja za slab način opozarjanja na besedilo, ker je enostavno podčrtano besedilo zamenjati s povezavo.

Koraki

Metoda 1 od 2: Sodobna metoda

  1. 1 Uporabite lastnost "text-decoration" v CSS. Oznaka u> se trenutno ne uporablja za podčrtavanje besedila.
    • Če dodate to lastnost, vam kode v prihodnje ob upokojitvi starih oznak ni treba spreminjati.
  2. 2 Z oznako span> podčrtajte določen del besedila. Vnesite začetno oznako skupaj z lastnostjo "text-decoration" pred besedilom, ki ga želite podčrtati. Na koncu besedila vnesite zaključno oznako / razpon>.

    span style = "text-decoration: underline;"> To besedilo bo podčrtano. / span>

  3. 3 Elemente HTML določite v razdelku slog>, da boste lažje podčrtali. To lahko storite tudi z uporabo slogovne liste CSS. Če želite na primer podčrtati vse naslove 3. stopnje, v razdelek »slog« dodajte naslednjo kodo:

    html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Ta naslov bo podčrtan / h3> / body> / html>

  4. 4 Ustvarite razred CSS, da hitro podčrtate besedilo. V svojem slogovniku ali razdelku slog> lahko ustvarite razrede, da jih pokličete pozneje. Razredu je mogoče dati poljubno ime.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> Uporabite ta razred za div> hitro podčrtavanje / div> različne div> elemente / div> / telo> / html>

  5. 5 Pomislite na druge načine za poudarjanje besedila. Priporočamo, da se izogibate podčrtavanju, da ne bi zmedli uporabnikov. Bolje uporabite oznako em>, da bo besedilo poševno. Uporabite CSS, da tej oznaki dodate druge možnosti oblikovanja.

    html> glava> slog> em {barva: rdeča; } / style> / head> body> Karkoli v elementu »em« bo poševno (privzeto) in tudi obarvano rdeče / em> zahvaljujoč dodatnim možnostim sloga. / body> / html>

Metoda 2 od 2: Podedovana metoda

  1. 1 Izogibajte se uporabi starih oznak u> / u>. So zastarele, kar pomeni, da te oznake še vedno delujejo, vendar jih odvračajo ali odvračajo. To je zato, ker HTML ni namenjen prilagajanju sloga vsebine. Oznaka u> še vedno deluje, vendar mora predstavljati besedilo, ki se razlikuje od drugega besedila, na primer napačno črkovanih besed ali kitajskih lastnih imen.
  2. 2 Oznake u> / u> uporabite za podčrtavanje elementov (samo za predstavitev). Skorajda ni nobenega primera, ko bi morali uporabiti te oznake. Morda boste morali urediti staro spletno mesto, zato je najbolje, da se zavedate, katere so oznake.

    html> body> Stara oznaka HTML u> je omogočala hitro podčrtavanje / u> elementov, če pa smo se dotaknili drugih stilskih elementov, so stvari postale kaotične. Zato dandanes za podčrtavanje uporabljajo element CSS "text-decoration". / body> / html>

Nasveti

  • Skoraj vedno obstaja boljši način za poudarjanje vsebine na spletni strani kot podčrtavanje. Podčrtavanje lahko zmede uporabnike. Pomislite, kako označiti besedilo s pomočjo CSS.