Scholieren.com forum - Beetje HTML hulp gezocht

Een gebruikelijke manier is aan de hand van 'divjes'. Door code in <div> tags te zetten, kun je deze bepaalde eigenschappen meegeven. Bijvoorbeeld:

HTML-code:

<html>

        <head>

                <title>Booya</title>

                <style type="text/css">

                        div {

                                border: 1px solid black;

                        }

                        #vakje1 {

                                width: 200px;

                                height: 100px;

                        }

                        #vakje2{

                                float: right;

                        }

                        #vakje3{

                                width: 500px;

                                margin: 0px auto;

                        }

                </style>

        </head>

        <body>

                <div id="vakje1">

                        <h1>Dit is het eerste vakje!</h1>

                </div>

                <div id="vakje2">

                        <p>Vakje 2</p>

                </div>

                <div id="vakje3">

                        <h2>Je bent zelf een vakje :\</h2>

                </div>

        </body>

</html>

Een voorbeeldje hoe je blokken kunt maken waar je vanalles in kunt zetten (plak maar eens in een .html bestandje). Er zijn een hoop manieren om die divjes (enigszins flexibel) te positioneren. Ik raad je aan om op de site van w3schools te kijken. Daar staat HTML en CSS heel duidelijk uitgelegd, plus een lijst met alle toegestane dingen.

Een andere leuke site is http://www.csszengarden.com/, waar ze een vaste html file beschikbaar hebben gesteld, en iedereen er met behulp van CSS iets heel creatiefs van maakt.