Stap 5: Tags
< div id = "pagina" >
< div id = "content" >
Ik heb eerst instellen twee divisies, de eerste genaamd 'pagina' en de tweede "inhoud".
De divisie "pagina" kan worden beschouwd als een doos, of zelfs als een pagina van het boekje (vandaar de naam 'pagina'). Ik zal later specificeren de grootte en het type van divisie die mijn "pagina" zal worden.
Onmiddellijk na het opzetten van mijn "pagina", troep mij opwaarts een andere afdeling, "inhoud". Denk dit als een kleinere doos genest binnen grotere degene, 'pagina'. Of denk aan "inhoud" als een kleine notitie in mijn grotere pagina van mijn boekje geplakt. In werkelijkheid is een divisie niet noodzakelijkerwijs groter of kleiner dan de andere. De grootte van een divisie is volledig afhankelijk van hoe ik hen definiëren.
Een andere manier om te denken van de twee divisies zou moeten voorstellen een foto albumpagina (""), met een foto ("inhoud") geplakt op de pagina. Ik kan later opgeven de exacte grootte van de albumpagina evenals de exacte grootte van de foto.
Na de oprichting van de "inhoud"-divisie voer ik de informatie en de beelden die ik wil worden op deze kleine nota.
< h2 > is een code waarmee mijn kop, "Dagelijkse Checklist". Op andere pagina's die ik gebruikte < h1 >, die ik als een grote kop kunt bepalen. Voor < h2 > geef ik later een iets kleinere tekengrootte wordt gebruikt, het soort van een sub-rubriek.
< ul >
Dit object vertegenwoordigt een ongeordende lijst, gewoon een opsommingsteken in tegenstelling tot een geordende lijst, die zou een genummerde lijst of een lijst met meerdere niveaus met behulp van letters.
De meeste internetbrowsers weer normaal < ul > lijsten met een opsommingsteken. Echter koos ik om te definiëren als het hebben van geen opsommingstekens.
Het is mijn document en ik zal huilen als ik wil... Ik bedoel, ik zal een lijst zonder opsommingstekens als ik wil.
Elk item in mijn lijst is tagged < li > aan het begin, en < /li > aan het einde. Aan het einde van de volledige lijst is een afsluitende tag, < /ul >.
< p klasse = "voettekst" > < /p > 1
Normaal gesproken is een eenvoudige alinea in HTML gelabeld met < p > aan het begin en < /p > aan het einde. Voor mijn doeleinden wilde ik de alinea paginanummers in grijs weergegeven. Ik gebruikte mijn stylesheet te definiëren een speciale klasse van paragraaf die ik "voettekst" genoemd.
< div class = "page-break" >< / div >
Deze divisie tag zal hebben een speciale klasse die later is gedefinieerd, genaamd "page-break". De verdeling zal hebben geen tekst of afbeeldingen weer te geven, zodat ik direct daarna de tag met een afsluitende tag, < / div >. Het doel van de "page-break"-klasse zal worden aan het einde van een pagina en het begin van een ander signaal. In mijn fragment zette ik het pagina-einde onmiddellijk na pagina. In mijn oorspronkelijke document, de volledige versie, zette ik het pagina-einde na elke acht pagina's totdat ik het einde bereikt. Ik wilde eindigen acht klein boekje pagina's afdrukken op een vel papier, 8,5 inch x 11 inch. Met mijn pagina-einde divisie, kon ik de internetbrowser acht boekje pagina's afdrukken op één pagina signaal.
De resterende codes zijn sluittags, die het einde van de twee afdelingen, het einde van het lichaam, en het einde van het document aangeeft.
