Hvordan lage kolonner i forskjellige størrelser i HTML

Ordne innholdet på en nettside i rader og kolonner er en av de største styrkene til HTML som kodespråket. Med bare en liten mengde koden, kan du lage synlige eller usynlige kolonner og rader for å formatere nettstedets innhold til omtrent hvilken som helst konfigurasjon tenkelig, uten å stole på rammer eller andre løsninger som kan føre til problemer for besøkende.

Bruksanvisning

1 Åpne HTML-dokumentet du vil legge til kolonner til i tekstbehandlingsprogrammet.

2 Lag en tabell i stedet du ønsker å legge til kolonnene ved å legge tabellkoder, som ser slik ut: <table> </ table>. Hvis du ønsker grensene rundt kolonnene skal være synlige, kan du legge til en plass og koden border = "1" til åpningen tabellen tag i mellom ordet bordet og den avsluttende brakett, slik at det ser slik ut: <table border = "1"> </ table>. Resten av koden du legger opprette kolonnene vil gå i mellom disse kodene.

3 Legg tabellen datakoder for hver kolonne du vil opprette. Tabelldataene koder for en enkelt kolonne se slik ut: <td> </ td>. Alt innholdet du ønsker å plassere i hver kolonne vil gå i mellom tabelldata koder for den kolonnen. For eksempel, hvis du ønsker å lage to kolonner, en som inneholder teksten "kolonne 1" og den andre "kolonne 2," koden vil se slik ut: <table border = "1"> <td> kolonne 1 </ td > <td> kolonne 2 </ td> </ table>.

4 Legg størrelse attributter til hver åpning tabellen data tag å definere størrelsen på kolonnen. For å gjøre dette, legg til en plass og koden height = "" width = "" til tag, mellom td og den avsluttende brakett. Deretter legger du til numre i piksler mellom hvert sett med anførselstegn for å angi høyden og bredden på kolonnen. Alle kolonner i samme rad vil bli endret til å være i samme høyde som den høyeste en, men du kan justere bredden på hver individuelt.

5 Legg alt innhold du ønsker hver kolonne skal inneholde. Hvis du setter inn noe innhold for bred for bredden du setter for kolonnen, vil det automatisk endre størrelse til å være bred nok til å inneholde det, og hvis du setter for mye innhold å ligge i kolonnen på den totale størrelsen du angir, vil det automatisk endre størrelse til å være høy nok til å inneholde alt.