: //europa.eu.int /comm /lay - out, opmaak is voor je website doet ziet er belangrijk uit.Het vergt veel tijd en veel verwachtingen van een website van de lay - out en voelen, nu alle moderne website met de CSS en javascript kader om te reageren op en dynamische website, maar je kan zorgen voor een goed gebruik van de lay - out, eenvoudig: //europa.eu.int /comm /tabel of afscherming van de etiketten en de etikettering van de combinatie van formaat zijn.In dit hoofdstuk wordt een aantal voorbeelden van hoe het voor je om je pagina 's van het gebruik van zuivere: //europa.eu.int /comm /en de kenmerken van de eenvoudige maar inrichting van de werkplek, met gebruikmaking van het formulier: //europa.eu.int /comm /lay - out, de eenvoudigste en meest populaire manier om De indeling is gebruikt: //europa.eu.int /comm /< tabel > etikettering.In deze tabel zijn opgenomen, en de Bank, dus je kan het gebruik van deze regels en kolommen op elke manier die je wilt, zoals, bijvoorbeeld, de volgende: //europa.eu.int /comm /lay - out van de voorbeeld hiervan is het gebruik van tabel 3 en in kolom 2 van de koppen en een BAR over Twee kolommen gebruik te maken van de colspan eigenschap: <.Doctype html> < html> < head> < title> http: //europa.eu.int - lay - out met Tables< /title> < /head> < body> < table breedte = 100% border= "0" > < tr> < d colspan= "2" bgcolor= "#b5dcb3" > < h1> dit is de belangrijkste title< web Page; /h1> < /td> < /tr> < tr valign= "top" > < d bgcolor= "#aaa" breedte = "50" > < b> de belangrijkste Menu< /b> < BR /> HTML< BR /> PHP< perl. />...< /TD > < TD achtergrond kleur = "# EEE" breedte = "100" hoogte = "200" > technologie en management training < /O > < /TR > < tr = > < - colspan "2" achtergrond kleur = "# b5dcb3" > < centrum > het auteursrecht afschrift; 2007 tutorialspoint.com < /Centrum > < /O > < /TR > < /tabel > < /body > < /html >,, zal dit leiden tot de volgende resultaten:,, het is de heer 'titel,, het hoofdmenu: //europa.eu.int /comm /PHP, perl.Technologie en management training, Copyright © 2007 tutorialspoint.com, multiuple kolom indeling, met gebruikmaking van het formulier, je kunt je pagina 's, heb je de inhoud van de website van de in aantal pagina' s.Je kunt je in het midden van de inhoud van de linker kolom, kun je het menu 's, de rechter kolom kan worden gebruikt om reclame - of andere dingen.Deze indeling is op onze website tutorialspoint zeer vergelijkbaar. COM. Bijvoorbeeld, de volgende is een voorbeeld van een derde kolom:, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < titel > de indeling van de derde kolom < /titel > < /hoofd > < lichaam > < breedte = 100% grens = "0" > tr = < aanpassing van de verticale de "top" > < TD achtergrond kleur = "# breedte = 20%" AAA "> < b > het hoofdmenu < /B > < BR /> http: //europa.eu.int < BR /> PHP < BR /> perl...< /TD > < TD achtergrond kleur = "# b5dcb3" hoogte = "200" breedte = 60% "" > technologie en management training < /TD > < TD achtergrond kleur = "# breedte = 20%" AAA "> < b > menu < /B > < BR /> http: //europa.eu.int < BR /> PHP < BR /> perl.< /O > < /TR > < tabel > < /body > < /html > dit zal leiden tot de volgende resultaten:,, het hoofdmenu: //europa.eu.int /comm /PHP, perl.Technologie en management training, menu 's, en: //europa.eu.int /comm /PHP, perl.Http: //europa.eu.int lay - out, div, Span < div > element is voor het pakket van generieke elementen: //europa.eu.int /comm /elementen.Terwijl de < div > etikettering is blok: //europa.eu.int /comm /< span > de elementen voor de groepering in het niveau van de elementen, maar we kunnen bereiken door: //europa.eu.int /comm /heel goed, maar de tabel is niet echt als een instrument van het Ontwerp.Tabel voor de presentatie van gegevens in tabelvorm. Noot:,,, dit voorbeeld maakt gebruik van een cascade - stijl (CSS), dus je moet bij de interpretatie van dit voorbeeld, voor een beter begrip van de CSS is. Hier, bijvoorbeeld, zullen wij streven naar dezelfde resultaten, met < di% GT% op het etiket van de CSS, gebruik je LT bereikt; tabel > etikettering in de eerste zaak, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < titel > div: //europa.eu.int /comm /lay - out, grensoverschrijdende < /titel > < /hoofd > < lichaam > < die style= "breedte: 100%" > < die style= "# achtergrond kleur: b5dcb3; breedte: 100%" > < H1 > dit is de belangrijkste post '< /H1 > < /div > < die style= "achtergrond kleur:&#AAA; lengte: 200px; de breedte van 100px; drijvende: links;" > < di% GT% < b. > het hoofdmenu < /B > < /div > http: //europa.eu.int < BR /> PHP < BR /> perl.< /div > < die style= "achtergrond kleur:&#EEE; lengte: 200px; breedte: 350px; drijvende: links;" > < p> technologie en management training < /P > < /div > < die style= "achtergrond kleur&#AAA: de hoogte van de breedte: 200px;; 100px; drijvende recht;" > < di% GT% < b > menu < /B > < /div > http: //europa.eu.int < BR /> PHP < BR /> perl.< /div > < die style= "achtergrond kleur:&#b5dcb3; duidelijk:" > < centrum > Copyright © 2007 tutorialspoint.com < /Centrum > < /div > < /div > en LT; /body > < /html >, zal dit leiden tot de volgende resultaten:,, het is de belangrijkste post ',, het hoofdmenu: //europa.eu.int /comm /PHP, perl., technologie en management training, menu 's, en: //europa.eu.int /comm /PHP, perl.2007, auteursrechten © tutorialspoint.com, gebruik je die CSS het scheppen van betere indeling, met de brug.Op basis van de Wegwijzerdienst Raadpleeg voor meer informatie de CSS, les.