Hvordan streket tekst på Internett

Hvordan streket tekst på Internett


Evnen til å streket tekst på en webside gir større fleksibilitet i uttrykket. Streket tekst vises med en linje gjennom sentrum. Det emulerer teknikken for å skrive noe ned og deretter krysse den ut, i stedet for å slette den. Det kan være nyttig for å tegne leserens oppmerksomhet til endret tekst; for eksempel er streket tekst ofte brukt til å vise at en pris er blitt redusert på en salgs- vare. Du kan ta med gjennomstreking kodene ved hjelp av HTML og CSS. Hvis du skriver inn tekst på en nettside som tillater bruk av HTML, bruker del tag. Hvis du er inkludert streket tekst i en spesialdesignet nettside, bruke CSS.

Bruksanvisning

1 Lag streket tekst med "del" tag i HTML. Omgi teksten du ønsker å gjennomstreking med åpningen tag "<del>" og den avsluttende koden "</ del>." Ekskluder sitatene. Det ferdige koden skal se slik ut: <del> Tekst som vil ha en linje gjennom sentrum </ del>.

2 Lag streket tekst med "text-decoration: line-through" eiendom ved hjelp av CSS i et eget stilark. Skriv inn følgende linje i CSS dokumentet. Du kan plassere den på hvilken som helst linje i dokumentet. For klarhet, legg den på enten begynnelsen under overskriften, eller på slutten.

H1 {text-decoration: line-gjennom;}

Knytte stilark til HTML-dokument med følgende kode i HTML-dokumentet header:

<Link rel = "stylesheet" type = "text / css" href = "stylesheet.css" />

Med denne koden i overskriften og koden i CSS dokumentet, vil noe i HTML-dokumentet inne i en <h1> tag har en linje gjennom midten.

3 Lag streket tekst med "text-decoration: line-through" eiendom ved hjelp av CSS i overskriften til HTML-dokumentet. Skriv inn følgende i HTML-dokumentet header:

<Style type = "text / css">
<! -
H1 {text-decoration: line-gjennom;}
->
</ Style>

Med denne koden i overskriften, vil noe i dokumentet ditt inne i en <h1> tag har en linje gjennom midten.

4 Lag streket tekst med "text-decoration: line-through" eiendom ved hjelp av CSS inline i HTML-dokumentet. Du kan feste en stil attributt til nesten alle HTML-kode. Bruk følgende kode:

<H1 style = "text-decoration: line-gjennom;"> Tekst som vil ha en linje gjennom det </ h1>.

Ved hjelp av denne syntaksen, vil bare teksten mellom disse spesifikke <H1> kodene har en linje gjennom den.