HTML Padding Tutorial

January 13

Hypertext Markup Language (HTML) gjør det mulig å gjøre bruk av padding, som skaper et mellomrom mellom innhold og grensen til elementet som den er knyttet til. For eksempel, hvis du angir polstring i en tabellcelle, oppstår mellomrommet mellom data og grensen av tabellen. Ved hjelp av Cascading Style Sheets (CSS) i forbindelse med HTML-kode, kan du lære å bruke padding til å bygge en bedre ser layout i HTML-dokumentet.

Bruksanvisning

1 Start tekstredigeringsprogram programmet som følger med maskinen, og lage en ny side eller åpne en eksisterende.

2 Skriv inn et CSS stil plassholder innenfor "<head> </ head>" delen av HTML-dokumentet som følger:
<Head>
<Style type = "text / css">
</ Style>
</ Head>

3 Skriv en velger mellom "<style> </ style>" tags, som navn siden elementet du vil utfyllingen atferd som skal tildeles. For eksempel skrive "body" kontroll hele siden, eller skrive "p" for å administrere bare avsnittene. Legg åpne og lukke klammeparentes etter oppføringen. Å illustrere:
<Style type = "text / css">
kropp { }
</ Style>

4 Skriv inn "padding-top", "padding-bottom", "padding-right" og "padding-left" beskrivelser det navnet der plassen oppstår. Skriv inn en tallverdi i piksler (px) etter hver oppføring. Den komplette koden nå ser ut som følger:
<Head>
<Style type = "text / css">
body {padding-top: 15px; padding-bottom: 15px; padding-right: 10px; padding-left: 10px; }
</ Style>
</ Head>

5 Lagre filen og starte en nettleser. Klikk på "Open" eller "Åpne fil" under nettleserens "Fil" -menyen til å vise HTML-dokumentet med polstring. Rediger numrene som er tilordnet i trinn 4 for å justere avstanden om nødvendig.