Stap 4: De Details
< html >
Elke internetbrowser (Explorer, Firefox, Chrome, Safari of een honderd meer rassen) zal reageren op deze code door te interpreteren van elke andere label in het document als HTML-code, het document weergeven op een computerscherm als een webpagina. De laatste tag op het document geeft het einde van de HTML-code: < / html >.
< hoofd >< / head >
Alles tussen de < head >-codes kunt de browser voor het verwerken van het document volgens specifieke regels. De informatie in de sectie < head > is normaal nooit gezien door de gebruiker die het document, met uitzondering van de titelinformatie van de < > opent. De browser maakt gebruik van de < titel > om een korte beschrijving van de webpagina weer te geven meestal bij het zeer hoogste tabblad van het browservenster.
< link rel = "stylesheet" type = "text/css" media = "alle" href = "html-css-Uitgever-reset.css" / >
Deze lijn van code koppelt het HTML-document aan een stylesheet genoemd html-css-Uitgever-reset.css.
De reset stylesheet regisseert de internetbrowser resetten van alle formaten en stijlen naar een neutrale of nul niveau. Deze reset noodzakelijk is het ontwerp van mijn boekje, omdat elke internetbrowser vooraf anders is geconfigureerd door de maker. Internet Explorer wordt de HTML-codes iets anders dan Firefox, bijvoorbeeld opgemaakt. Spatiëring en uitlijning zijn verschillend, lettertypen zijn verschillend, zoals goed zoveel andere stijl opgemaakt. Resetten van alle formaten tot nul, maakt alle browsers in wezen gelijk zijn, ten minste voor weergave op een beeldscherm.
Onmiddellijk na mijn HTML-document te koppelen aan de reset stylesheet, ik ook een link naar een stylesheet genoemd html-css-Uitgever-scherm. Deze stylesheet zal definiëren de formaten en stijlen volgens mijn eigen voorkeuren. Ik kan selecteren, lettergrootte, lettertype, regelafstand, uitlijning, kleuren... vrijwel elk aspect van de opmaak kan worden aangepast. Aangezien ik heb al gekoppeld aan de reset stylesheet, zal niet mijn voorkeuren door verschillende browsers worden geïnterpreteerd.
Nadat de sectie < head > de sectie < body > komt. De < body > bevat de inhoud van het document, de tekst en afbeeldingen die worden weergegeven op de webpagina.
Mijn HTML-fragment wordt één pagina van mijn Veldgids, de dagelijkse Checklist dat ik aan het begin van elke dag te herinneren me aan wat te krijgen / / overwegen bekijken weergegeven. Het zal niet veel zin te maken met iemand anders, maar het toont u de HTML-codes die ik gebruikt om de informatie weer te geven.
