Hvordan lage en Div synlig uten tekst

Solid webdesign er basert rundt evnen til å deftly manipulere HTML og CSS. Henholdsvis, disse er Hypertext Markup Language og Cascading Style Sheets. Divs, en slags HTML-element, blir brukt til å organisere store biter av informasjon på websider. Divs dele opp innhold på en nettside. Ser vi på koden for hvilken som helst nettside vil avdekke produktiv bruk av divs. Å kunne manipulere divs er en viktig webdesign ferdigheter.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk.

2 Skriv inn følgende kode for å opprette en DIV.

<Html>

&lt;body>

& Lt; div id = "eksempel>

& Lt; / div>

& Lt; / body>

</ Html>

3 Lagre filen som en ".html" fil og åpne den i en nettleser. Den vil presentere en blank side. En DIV naturligvis utvides til å passe innholdet; i dette tilfellet det er ingenting. Gi DIV en statisk bredde og høyde, og endre fargen for å gjøre DIV synlig slik:

<Style>

eksempel {width: 300px; height: 300px; background-color: red}

</ Style>

Denne koden skal gå rett etter "<body>" tag. Lagre dokumentet og åpne den i et nettleservindu.