Innhold

• Trinn
• Metode 1 av 2: Moderne metode
• Metode 2 av 2: Legacy Method
• Tips

Den eldre HTML -understrekningsmetoden er å bruke u> / u> -koder, men nå bruker den en moderne CSS -basert metode. Understreking anses som en dårlig måte å trekke oppmerksomhet til tekst fordi det er lett å forveksle understreket tekst med en lenke.

Trinn

Metode 1 av 2: Moderne metode

1. 1 Bruk egenskapen "tekstdekorasjon" i CSS. For øyeblikket brukes u> -taggen ikke til å understreke tekst.
   • Ved å legge til denne eiendommen trenger du ikke å endre koden din i fremtiden når gamle tagger blir pensjonert.
2. 2 Bruk taggen span> til å understreke et bestemt stykke tekst. Skriv inn en start-tag sammen med egenskapen "tekst-dekorasjon" foran teksten du vil understreke. På slutten av teksten skriver du inn den avsluttende taggen / spennet>.

   span style = "text-decoration: underline;"> Denne teksten vil bli understreket. / span>

3. 3 Spesifiser HTML -elementer i stilen> delen for å gjøre det lettere å understreke. Det kan også gjøres ved hjelp av et CSS -stilark. For eksempel, for å understreke alle nivå 3 -overskrifter, legger du til følgende kode i "stil" -delen:

   html> hode> stil> h3 {tekst-dekorasjon: understreket; } / style> / head> body> h3> Denne overskriften vil bli understreket / h3> / body> / html>

4. 4 Lag en CSS -klasse for raskt å understreke tekst. Du kan opprette klasser i stilarket eller stil> -delen for å ringe dem senere. Klassen kan gis hvilket som helst navn.

   html> hode> stil> .underline {tekst-dekorasjon: understreking; } / style> / head> body> Bruk denne klassen for div> rask understreking / div> forskjellige div> elementer / div> / body> / html>

5. 5 Tenk på andre måter å markere tekst på. Vi anbefaler at du unngår å understreke for å unngå forvirrende brukere. Bedre å bruke em> -taggen for å gjøre teksten kursiv. Bruk CSS til å legge til andre stylingsalternativer for denne taggen.

   html> hode> stil> em {farge: rød; } / style> / head> body> Alt i "em" -elementet blir kursiv (som standard) og også farget rødt / em> takket være de ekstra stilalternativene. / body> / html>

Metode 2 av 2: Legacy Method

1. 1 Unngå å bruke de gamle u> / u> -merkene. De blir avskrevet, noe som betyr at disse kodene fortsatt fungerer, men blir motet eller motet. Dette er fordi HTML ikke er ment å tilpasse innholdsstilen. U> -koden fungerer fortsatt, men må representere tekst som er forskjellig fra annen tekst, for eksempel feilstavede ord eller kinesiske egennavn.
2. 2 Bruk u> / u> -koder for å understreke elementer (kun for demonstrasjon). Det er knapt et enkelt tilfelle der du trenger å bruke disse kodene. Du må kanskje redigere det gamle nettstedet, så det er best å være klar over hva taggene er.

   html> body> Den gamle HTML u> -taggen gjorde det mulig å raskt understreke / u> elementer, men hvis andre stylingelementer ble berørt, ble ting kaotisk. Derfor bruker de i dag CSS-elementet "tekstdekorasjon" for understreking. / body> / html>

Tips

• Det er nesten alltid en bedre måte å markere innhold på en webside enn å understreke. Understreking kan forvirre brukerne. Tenk på hvordan du markerer tekst ved hjelp av CSS.