HTML kode for Cell Marginene
Lære HTML-koden for å lage celle marginer gir deg større kontroll over utseendet på HTML-tabeller. Spesielt kan du bruke marginer til å legge mer hvitt plass til tabellceller, som i stor grad kan øke lesbarheten av tabellen innhold. Det beste er å bruke de nyere CSS koder for å legge til celle marginer. Disse kodene tillate større kontroll over marginer, og har egenskapsnavnene som er mer konsekvent, klarere og dermed lettere å huske enn eldre HTML-koder for marginer. HTML bør brukes for å definere strukturen, mens CSS er utformet for å styre layout og visuell effekt.
Lag en tabell
For å forstå HTML-koden for celle marginer, trenger du en tabell for å holde denne koden. Ditt første skritt er derfor å skape en HTML-side med et bord. Sett teksten du ønsker i tabellen, men sikre tabellen har minst to celler og en ramme slik at du kan se effekten av koden som legger marginer. For eksempel følgende HTML utsagn opprette en tabell med to celler, hver med tekst. Lim uttalelsene inn i en ny Notisblokk-dokument, og deretter lagre den som en hvilken som helst filnavn med en "htm" forlengelse.
<Html>
<Table border = "true">
<Tr>
<Td>
Hallo
</ Td>
<Td>
der
</ Td>
</ Tr>
</ Table>
</ Html>
Marginene med "cellpadding" Property
Når du har opprettet og befolket cellene i en tabell, legge inn koden for å lage celle marginer. Skriv inn denne koden innenfor "Table" tag som følger: Klikk like til venstre for den avsluttende ">" av åpningen "Table" tag, skriv "cellpadding = '20 '." Den "cellpadding" eiendom forteller nettleseren at det skal gjengi et mellomrom mellom hver celle grenser og innholdet i cellen. Dette rom danner margen.
Observere Marginene
For å se hvordan "cellpadding" eiendom skaper celle marginer, åpne en HTML-side som bruker denne egenskapen i din nettleser. Klikk på nettleserens "Fil" -menyen og klikk "Åpne". Naviger til og dobbeltklikk på HTML-siden. Nettleseren vil vise siden bord, hver av der cellene har mengden padding du spesifiserte med verdien etter "cellpadding" eiendom. For å se celle marginer klart, sørg for å bruke en relativt stor pikselverdien etter "cellpadding" tag. Prøv et tall mellom 20 og 50 for å starte.
Marginene med CSS-koder
Den "cellpadding" code er ikke den eneste måten å legge marginer til HTML tabellceller. Følgende kode gir en måte å legge marginer til hver celle i tabellen individuelt, i motsetning til "Table" tag er "cellpadding" eiendom: "style =" padding: 20px; ' "Med denne metoden, kan du velge akkurat hvilke sider av celle vil ha polstring ved å legge til prefikser til "padding" eiendom. For eksempel "padding-left" vil legge til en margin mellom en celle venstre kant og venstre side av innholdet.