Hvordan lage Senket tekst i HTML

Når teksten er senket, det henger litt lavere enn resten av teksten på sin samme linje. Mens du formaterer tekst som senket i HTML benyttes til å bli håndtert med et par "<sub>" koder, det er ikke lenger tilfelle. For å skille alle stiler fra struktur, ble denne formater flyttet til Cascading Style Sheets, en stil språk som er nært forbundet med HTML. Etter å legge "<span>" koder rundt teksten du ønsker å senket, kan du style med "sub" verdien av "vertical-align" i CSS. Når du oppretter en klasse navn med denne CSS koden, kan du bruke den på så mange ganger som du trenger for å i HTML-koden.

Bruksanvisning

1 Åpne websiden i Notepad eller en kode editor.

2 Finn innholdet i HTML-koden der du vil legge til senket tekst:

<P> Dette er et avsnitt som skal inneholde senket tekst. </ P>

3 Legg et par "<span>" koder der du vil at senket teksten skal vises. Plasser teksten som skal tegnes innenfor "<span>" tags:

<P> Dette er et avsnitt som skal inneholde <span> senket </ span> tekst. </ P>

4 Legg en klasse navnet "senket" til "<span>" tags:

<P> Dette er et avsnitt som skal inneholde <span class = "senket"> senket </ span> tekst. </ P>

Du kan kalle den klassen noe, men et navn som "senket" er lettere å huske og mer meningsfylt for alle andre som kanskje trenger å redigere HTML.

5 Gå til "<head>" koder i HTML og finne et par av "<style>" tags. Hvis du ikke ser dem, legge dem nå:

<Style type = "text / css">
</ Style>

6 Lag en stil regel for "senket" innenfor "<style>" tags:

<Style type = "text / css">
senket {
}
</ Style>

7 Legg til "vertical-align: sub" til regelen for "senket" -klassen. Dette vil gjøre din tekst senket skrift, men du må også endre størrelsen på teksten for å gjøre den mindre. Endre skriftstørrelsen ved å legge til "font-size: mindre":

<Style type = "text / css">
senket {

vertical-align: sub;
font-size: smaller;

}
</ Style>

Hint

  • Hvis du trenger mer senket tekst i samme HTML-side, legge til "senket" class inne "<span>" eller andre tagger rundt teksten.
  • Sikkerhetskopier websiden før du gjør endringer, i tilfelle du gjør en feil, og kan ikke finne den igjen senere.