Hvordan Input Tekststørrelse i HTML

September 15

Hvis du skriver et dokument skal vises på en nettside eller en blogg, kan du ønsker å endre størrelsen på hoved font, eller visse områder av teksten for å gjøre dem skiller seg ut eller å betegne en tittel eller overskrift. Det er en veldig praktisk og enkel måte å legge inn tekststørrelser med HTML-koder som er definert av en "Cascading Style Sheet" (CSS). Denne filen er laget slik at du ikke trenger å endre hver side på nettstedet ditt når du ønsker å omstrukturere.

Bruksanvisning

1 Legg de riktige kodene rundt teksten du ønsker å endre. For å gjøre noe av teksten større, kan du bruke <big> tag. Gjør visse linjer med tekst mindre ved å bruke <small> tag. Legg HTML-koder i teksten ved å skrive begynnelsen tag, ordet (uten mellomrom i mellom) og til slutt tag. For eksempel: <small> Denne teksten vil vises mindre </ small>. Den strek etter større mindre enn symbol forteller kode for å slutte å gjøre teksten mindre.

2 Åpne en ny fil i et enkelt tekstredigeringsprogram som Notisblokk eller TextEdit for å starte din CSS-fil. Legg denne koden til den nye filen:

kropp {

font-size: 12pt;

}

Denne koden angir størrelsen på skriften for hele kroppen av websiden. Trykk enter to ganger, og legg denne koden for å definere små og store tags:

liten {

font-size: 8 pkt;

}

stor {

font-size: 20 pkt;

}

Endre nummeret i "font-size" linje for å justere størrelsen til din smak. Bruk samme metode for å endre størrelsen på "posisjoner" i dokumentet ved å bruke <h1>, <h2>, <h3> tags og definere dem i CSS dokumentet.

3 Gå til "Fil" og deretter "Lagre" når du er ferdig å tilpasse CSS-kode. Gi filen navnet noe sånt som "stylesheet" med filendelsen "CSS" uten mellomrom. Last opp CSS-filen og filen med HTML-kodene til nettstedets vert katalogen.

4 Legg til denne linjen med kode mellom <head> </ head> taggene på nettsiden din:

Dette kodelinje "kaller" CSS-filen slik at den kan endre HTML-koder. Din webside bør noe se slik ut:

<Html>

<Head>

<Title> Tittelen på websiden (Dette vil dukke opp på toppen av nettleseren) </ title>

</ Head>

<Body>

Hovedteksten i dokumentet. <Small> liten tekst. </ Small> <big> Større tekst. </ Big>

<H1> En overskrift </ h1>

</ Body>

</ Html>