HTML Understreket Tutorial

December 11

Den Hypertext Markup Language (HTML) understreking tag er en nyttig måte å understreke tekst, slik at de besøkende ikke gå glipp av viktig informasjon. Du kan velge å understreke enkelte ord eller hele seksjoner ved hjelp av HTML-koden på egen hånd, eller ved hjelp av dette elementet i allianse med en Cascading Style Sheet (CSS) regelen.

Bruke Understreket Element

Med "<u>" undertegnstil element, kan du forbedre bestemte ord eller større komponenter, for eksempel avsnitt, slik at den valgte tekst har en horisontal linje rett under den.

For å begynne, understreke et bestemt ord i en setning ved å skrive åpnings "<u>" understreking kode før ordet. For eksempel:

Denne setningen inneholder en <u> understreket ord.

Nå fullføre stilen ved å skrive i den avsluttende "</ u>" element etter ordet. Legg merke til hvordan den slutter tag er preget av en "/" skråstrek. For eksempel:

Denne setningen inneholder en <u> understreket </ u> ord.

Videre kan du også velge større deler av teksten og understreke dem. Gjør dette ved å omgi hele seksjonen med begynnelse og slutt av understrekning elementer. Å illustrere:

<U> <p> Alle ordene i denne paragraf er understreket. </ P> </ u>

For å se denne endringen, navn og lagre filen med en ".html" forlengelse, og bruke nettleseren "Preview" funksjon for å se hvordan understreking ser ut.

Ved hjelp av CSS og HTML

Dessuten bruker HTML understreking tag på egen hånd, kan du også bruke en Cascading Style Sheets (CSS) regelen. Ved hjelp av CSS og HTML sammen anbefales fordi det er støttet i alle versjoner av HTML.

For å begynne, legge til en CSS stil plassholder mellom "<head> </ head>" elementer i dokumentet. Skriv inn åpningen "<style>" tag:

Deretter å style visse deler av en side automatisk bli understreket. For eksempel til å style alle de store overskriftene, skriver du inn HTML-koden under åpningen stil kode:

<Style>
h1

Fyll i stil regelen ved å legge stilen instruksjon innen klammeparenteser. Med CSS, er understrekninger kjent som "text-decoration." Tast inn dette begrepet; følger det med et kolon og skriv inn understreking kommandoen. Å illustrere:

h1 {text-decoration: underline}

Endelig ferdig med stilen regelen ved å legge til avsluttende stil og hode elementer. Den komplette CSS posten er som følger:

<Head>
<Style>
h1 {text-decoration: underline}
</ Style>
</ Head>

Navn og lagre dokumentet. Fra nå av vil alle "<h1>" overskriften teksten understreket.