HTML/CSS Publisher? (5 / 8 steg)

Steg 5: Taggar

< div id = "sidans" >
< div id = "innehåll" >

Jag har först ställt upp två divisioner, den första heter "sidan" och det andra en "innehållet".

"Sida" uppdelningen kan ses som en ruta, eller ens som en sida i broschyren (därav namnet "sidan"). Jag kommer senare ange storlek och typ av division min "sida" kommer att vara.

Omedelbart efter inställning-upp min "sida", satt jag upp en annan division, "innehåll". Tänk på detta som en mindre ruta inuti den större en, "sida". Eller, tänker på "innehåll" som en liten not klistras på min större sida av mitt häfte. I själva verket är en division inte nödvändigtvis större eller mindre än den andra. Storleken på en division är helt beroende av hur jag definierar dem.

Ett annat sätt att tänka på de två divisionerna skulle vara att föreställa sig en foto albumsida ("sidan"), med ett foto ("innehållet") klistras in på sidan. Jag kan ange senare den exakta storleken på albumsidan samt den exakta storleken på bilden.

Efter inrättandet "innehåll" avdelningen in jag information och bilder som jag vill vara liten alltså.

< h2 > är en tagg som identifierar min rubrik, "Daglig checklista". På andra sidor jag använt < h1 >, som jag kan definiera som en stor rubrik. För < h2 > Ange jag senare en något mindre storlek, form av en underrubrik.

< ul >
representerar en oordnad lista, bara en punkt lista i stället för en ordnad lista, vilket skulle vara en numrerad lista, eller en disposition lista med bokstäver.

De flesta webbläsare visas normalt < ul > listor med en punkt. Dock valde jag att definiera det som att ha ingen punktlistor.

Det är mina dokument och jag kommer gråta om jag vill... Jag menar, jag kommer att lista utan kulor om jag vill.

Varje punkt i min lista är märkta < li > i början, och < /li > i slutet. I slutet av hela listan är en avslutande tagg, < /ul >.

< p class = "sidfot" > 1 < /p >

Normalt, är en enkel punkt i HTML märkta med < p > i början och < /p > i slutet. För mina syften, jag ville ha punkten att visa sidnummer i grått. Jag använde min formatmall att definiera en särskild klass av punkt som jag kallade "sidfot".

< div class = "sidbrytning" >< / div >
Denna division tagg kommer att ha en speciell klass definieras senare, kallat "sidbrytning". Uppdelningen har ingen text eller bilder att visa, så jag följde omedelbart taggen med en avslutande tagg, < / div >. Syftet med "sidbrytning" uppdelningen kommer att signalera slutet på en sida och i början av en annan. I min snutt satte jag sidbrytningen omedelbart efter sidan ett. I min ursprungliga dokument, fullängds version, satte jag sidbrytningen efter varje åtta sidor jag kommit till slutet. Jag ville sluta skriva ut åtta litet häfte sidor på ett enda pappersark, 8,5 inches med 11 inches. Med min sidbrytningar division, kunde jag signal via en webbläsare skriva ut åtta häfte sidor på en sida.

Resten av taggarna stängningstaggar, som anger slutet av de två divisionerna, slutet av kroppen och slutet av dokumentet.