Podčrtajte besedilo v HTML-ju

Avtor: John Pratt
Datum Ustvarjanja: 17 Februarjem 2021
Datum Posodobitve: 1 Julij. 2024
Anonim
SKR Pro V1.1 - Basics
Video.: SKR Pro V1.1 - Basics

Vsebina

Podčrtavanje v HTML je bilo nekoč vprašanje zapiranja besedila med oznakami u> / u>, vendar je bila ta metoda od takrat opuščena v prid bolj vsestranskemu CSS-ju. Podčrtavanje na spletnih straneh na splošno velja za neprijeten način poudarjanja določenega dela besedila. To je zato, ker podčrtano besedilo zlahka zamenjamo s povezavo.

Stopati

Metoda 1 od 2: Trenutna metoda

  1. Uporabite lastnost okrasitve besedila v svojem slogu CSS. Uporaba oznake u> ni več primeren način za podčrtavanje besedila. Namesto tega uporabimo lastnost CSS "okrasitev besedila".
    • To olajša spreminjanje kode, tako da vam ni treba spreminjati ničesar o stari kodi, če je postala neuporabna.
  2. Oznako span> uporabite, če želite podčrtati določen del besedila. Začetno oznako postavite skupaj z lastnostjo »okrasitev besedila« tja, kjer želite, da se poudarjanje začne. Postavite končno oznako / razpon>, kjer naj se podčrtavanje ustavi.

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

  3. Navedite elemente HTML v slogu> delu vaše strani. To lahko storite tudi v slogovnem listu CSS. Podčrtavanje je lahko veliko lažje, če slog povežete z elementom HTML. Če želite na primer podčrtati vse glave 3, dodajte naslednji slog CSS:

    html> glava> slog> h3 {dekoracija besedila: podčrtano; } / style> / head> body> h3> Ta naslov je podčrtan / h3> / body> / html>

  4. Ustvarite razred CSS, ki ga lahko kadar koli hitro podčrtate. Ustvarite lahko razrede v vašem slogu ali slogu>, ki jih boste pozvali pozneje. Predavanje ima lahko poljubno ime.

    html> head> style> .underline {text-decoration: underline; } / style> / head> body> S tem razredom lahko hitro podčrtate div> / div> iz različnih delov div> iz vaše vsebine / div> / body> / html>

  5. Razmislite o drugih metodah poudarjanja besedila. Izogibati se je treba podčrtavanju, da se bralec ne bi zmedel. Priljubljena metoda je uporaba oznake em>, zaradi katere je besedilo ležeče. S CSS lahko dodatno določite to oznako za edinstven način poudarjanja.

    html> glava> slog> em {barva: rdeča; } / style> / head> body> Vse v elementu em bo postalo em> ležeče (zaradi privzetih nastavitev) in rdeče / em> zaradi zgoraj dodanega sloga. / body> / html>

Metoda 2 od 2: Zastarela metoda

  1. Izogibajte se uporabi starih oznak u> / u>. Ti so "odsvetovani", kar pomeni, da še vedno deluje, vendar se ne uporablja več ali priporoča. To je zato, ker HTML načeloma ni zasnovan kot označevalni jezik. Oznaka u> bo še vedno delovala, zdaj pa je namenjena označevanju besedila, ki se razlikuje od drugega besedila, na primer napačno črkovane besede ali kitajskih lastnih samostalnikov.
  2. Oznako u> / u> uporabite za podčrtavanje (samo za ponazoritev). V nobenem primeru ne smete ponovno uporabljati te metode. Morda bi bilo dobro vedeti, kako je bila uporabljena, če boste morali posodobiti starejšo spletno stran.

    html> body> S staro oznako u> v HTML-ju lahko hitro podčrtate stvari / u>, vendar se pri uporabi drugih slogovnih elementov stvari hitro zmedejo. Zato zdaj poudarjamo "okrasitev besedila" z elementom CSS. / body> / html>

Nasveti

  • Skoraj vedno obstaja boljši način, da na spletni strani nekaj poudarimo kot s podčrtavanjem. Za bralce je lahko zelo zmedeno. Polepšajte svoje besedilo s CSS, da bo pozitivno izstopalo.