Innhold
Understreking i HTML pleide å være et spørsmål om å legge inn teksten mellom u> / u> -koder, men denne metoden har siden blitt avviklet til fordel for den mer allsidige CSS. Understreking på websider blir generelt sett på som en upraktisk måte å understreke en bestemt tekstdel på. Dette er fordi understreket tekst lett forveksles med en lenke.
Å trå
Metode 1 av 2: Gjeldende metode
Bruk tekstdekorasjonsegenskapen i din CSS-stil. Å bruke u> -koden er ikke lenger en passende måte å understreke tekst på. I stedet bruker vi CSS-egenskapen "text-decoration". - Dette gjør koden enklere å endre, slik at du ikke trenger å endre noe på den gamle koden hvis den har blitt ubrukelig.
Bruk span> -koden når du vil understreke en bestemt del av teksten. Plasser startmerket sammen med "tekst-dekorasjon" -egenskapen der du vil at understrekingen skal begynne. Plasser endekoden / spennet> der understrekningen skal stoppe. span style = "text-decoration: underline;"> Dette vil bli understreket. / span>
Erklær HTML-elementer i stilen> delen av siden din. Du kan også gjøre dette i CSS-stilarket. Understreking kan gjøres mye enklere ved å knytte en stil til et HTML-element. For eksempel, for å understreke alle nivå 3-overskriftene dine, legg til følgende CSS-stil: html> hode> stil> h3 {tekstdekorasjon: understreke; } / stil> / hode> kropp> h3> Denne overskriften er understreket / h3> / kropp> / html>
Opprett en CSS-klasse for å understreke raskt når som helst. Du kan opprette klasser i stilarket ditt eller stilen din, for å bli kalt senere. Klassen kan ha hvilket som helst navn du vil ha. html> head> style> .underline {text-decoration: underline; } / style> / head> body> Du kan bruke denne klassen til raskt å understreke div> / div> fra forskjellige deler div> fra innholdet / div> / body> / html>
Tenk på andre metoder for å fremheve tekst. Understreking bør unngås for å unngå forvirring for leseren. En populær metode er å bruke em> -koden, som gjør teksten kursiv. Du kan bruke CSS til å spesifisere denne taggen ytterligere, for en unik måte å understreke. html> hode> stil> em {farge: rød; } / stil> / hode> kropp> Alt i em-elementet blir em> kursiv (på grunn av standardinnstillingene), og rødt / em> på grunn av stilen som er lagt til ovenfor. / body> / html>
Metode 2 av 2: Utdatert metode
Unngå å bruke de gamle u> / u> -kodene. Disse er "motløs", noe som betyr at det fremdeles fungerer, men ikke lenger brukes eller anbefales. Dette er fordi HTML i utgangspunktet ikke er utformet som et markeringsspråk. U> -taggen vil fortsatt fungere, men er nå ment å indikere tekst som er forskjellig fra den andre teksten, for eksempel et feilstavet ord eller kinesiske substantiv. 
Bruk taggen u> / u> til understreking (kun for illustrasjonsformål). Du må under ingen omstendigheter bruke denne metoden igjen. Det kan være bra å vite hvordan den ble brukt i tilfelle du trenger å oppdatere et eldre nettsted. html> body> Med den gamle taggen u> i HTML kan du raskt understreke ting / u>, men ting blir fort rotete når andre stilelementer ble brukt. Derfor understreker vi nå "tekstdekorasjon" med CSS-elementet. / body> / html>
Tips
- Det er nesten alltid en bedre måte å understreke noe på en webside enn med understreking. Det kan være veldig forvirrende for leserne. Gjør teksten din vakrere med CSS, slik at den skiller seg ut positivt.
