Hvordan lage Drop Caps i HTML

En dråpe cap er den store hovedstaden brevet du ofte ser i begynnelsen av et avsnitt i en bok eller et blad. Du kan etterligne denne stilen ganske tett med HTML-koding, men du vil også trenge hjelp av en gjennomgripende stilark. Fordi du bør allerede ha en CSS-fil for HTML-nettsted, og legger til en drop-cap bare betyr å skape en ny CSS oppføring og registrere den i på stedet HTML-fil.

Bruksanvisning

1 Åpne CSS-filen du bruker for ditt nettsted. Denne filen kontrollerer ting som tekst, bilde grenser og justering.

2 Legg et nytt segment til din CSS-fil som beskriver kroppen din tekst. For eksempel, "body {font: 90% / 2,0 arial, helvetica, sans-serif;}." Dette bestemmer hvor vanlig brødtekst vises.

3 Opprette en oppføring som styrer dråpe cap. Dette vil se omtrent slik ut: .firstletter {float: left; font-size: 2em; line-height: 1; font-weight: bold; margin-right: 1em; }. Den ".firstletter" delen av denne koden er navnet på rulle cap tag. Du kan kalle det "dropcap" eller "bigcaps" hvis ønskelig.

4 Lagre og lukk din CSS-fil, og åpne HTML-filen som du ønsker å legge en dråpe cap oppføring.

5 Sett "firstletter" tag i HTML-koden for å fortelle siden det er behov for å se etter oppføringen i CSS-filen. Som et eksempel vil en setning med en dråpe cap ser slik ut: <p> <span class = "firstletter"> T </ span> oday det var varmt ute. I denne setningen, "T" eksisterer mellom de to span koder, og klassen av kodene er "firstletter", som er hva du heter drop cap oppføring.

Hint

• Du kan også opprette senkede initialer ved å laste opp bilder for hver bokstav, og deretter plassere bildekode i begynnelsen av en setning.