Hvordan lage to kolonner ved hjelp Div

April 5

Web-design er en utfordrende, men givende håndverket. Dyktige Web design sentre rundt effektivt ved hjelp av HTML og CSS for å ta med visjonene til livet. CSS (Cascading Style Sheets) er brukt for å beskrive hvordan HTML (Hyper Text Markup Language) skal presenteres visuelt. Divs, en type av HTML-element, brukes for å organisere data og kan gjøre kolonner.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk.

2 Skriv inn følgende kode:

<Html>

<body>

& Lt; style>

#wrapper {width 800px; margin: 0 auto}

& Lt; / style>

& Lt; div id = "wrapper">

& Lt; / div>

& Lt; / body>

</ Html>

Denne koden skaper et HTML-dokument, og et omslag som vil holde resten av siden sentrert.

3 Legg til følgende kode rett etter <div id = "wrapper">:

<p>Sample Text</p>

</ Div>

<p>More Sample Text</p>

</ Div>

Denne koden skaper begge divs som vil bli kolonner.

4 Legg til følgende kode etter stil kode:

.column {width: 400px; padding-right: 50 piksler; float: left}

Dette vil gjøre divs oppfører seg som kolonner.

5 Lagre filen med .html og laste opp til webserveren.