Sisältö

• Askeleet
• Menetelmä 1/2: Moderni menetelmä
• Menetelmä 2/2: Vanha menetelmä
• Vinkkejä

Vanha HTML -alleviivausmenetelmä on käyttää u> / u> -tunnisteita, mutta nyt se käyttää nykyaikaista CSS -pohjaista menetelmää. Alleviivausta pidetään huonona tapana kiinnittää huomiota tekstiin, koska alleviivattu teksti on helppo sekoittaa linkkiin.

Askeleet

Menetelmä 1/2: Moderni menetelmä

1. 1 Käytä tekstin koristelu -ominaisuutta CSS: ssä. Tällä hetkellä u> -tunnistetta ei käytetä tekstin alleviivaamiseen.
   • Kun lisäät tämän ominaisuuden, sinun ei tarvitse muuttaa koodiasi tulevaisuudessa, kun vanhat tunnisteet poistetaan käytöstä.
2. 2 Käytä span> -tunnistetta alleviivataksesi tietyn tekstin. Kirjoita aloitustagi yhdessä "text-decoration" -ominaisuuden kanssa alleviivatun tekstin eteen. Kirjoita tekstin loppuun sulkeva tagi / span>.

   span style = "text-decoration: underline;"> Tämä teksti alleviivataan. / span>

3. 3 Määritä HTML -elementit tyyli> -osiossa helpottaaksesi alleviivausta. Se voidaan tehdä myös CSS -tyylitaulukon avulla. Jos haluat alleviivata esimerkiksi kaikki tason 3 otsikot, lisää seuraava koodi "style" -osaan:

   html> head> style> h3 {text-decoration: underline; } / style> / head> body> h3> Tämä otsikko alleviivataan / h3> / body> / html>

4. 4 Luo CSS -luokka tekstin alleviivaamiseksi nopeasti. Voit luoda luokkia tyylitaulukossasi tai tyylisi> -osiossa ja kutsua niitä myöhemmin. Luokalle voidaan antaa mikä tahansa nimi.

   html> head> style>. Underline {text-decoration: underline; } / style> / head> body> Käytä tätä luokkaa diville> nopea alleviivaus / div> eri div> elementit / div> / body> / html>

5. 5 Mieti muita tapoja korostaa tekstiä. Suosittelemme, että vältät alleviivauksen käyttäjien hämmentämiseksi. Parempi käyttää em> -tunnistetta tekstin kursivoimiseksi. Lisää tähän tunnisteeseen muita muotoiluvaihtoehtoja CSS: n avulla.

   html> pää> tyyli> em {väri: punainen; } / style> / head> body> Kaikki "em" -elementin sisältö kursivoidaan (oletusarvoisesti) ja myös punaiseksi / em> lisä tyylivaihtoehtojen ansiosta. / body> / html>

Menetelmä 2/2: Vanha menetelmä

1. 1 Vältä vanhojen u> / u> -tunnisteiden käyttöä. Ne ovat vanhentuneita, mikä tarkoittaa, että nämä tunnisteet toimivat edelleen, mutta niitä lannistetaan tai lannistetaan. Tämä johtuu siitä, että HTML: ää ei ole tarkoitettu sisällön tyylin mukauttamiseen. Tunniste u> toimii edelleen, mutta sen on edustettava tekstiä, joka poikkeaa muusta tekstistä, kuten kirjoitusvirheistä tai kiinalaisista oikeista nimistä.
2. 2 Käytä u> / u> -tageja elementtien alleviivaamiseen (vain esittelyä varten). Tuskin on tapauksia, joissa sinun pitäisi käyttää näitä tunnisteita. Sinun on ehkä muokattava vanhaa sivustoa, joten on parasta olla tietoinen tunnisteista.

   html> body> Vanha HTML u> -tunniste teki mahdolliseksi alleviivata / u> -elementit nopeasti, mutta jos muita tyylielementtejä kosketettiin, asiat muuttuivat kaoottisiksi. Siksi nykyään he käyttävät alleviivaukseen CSS-elementtiä "text-decoration". / body> / html>

Vinkkejä

• On melkein aina parempi tapa korostaa verkkosivun sisältö kuin alleviivaus. Alleviivaus voi hämmentää käyttäjiä. Mieti, kuinka voit korostaa tekstiä CSS: n avulla.