Étape 5: Tags
< div id = « page » >
< div id = « content » >
J’ai tout d’abord mis en place deux divisions, la première appelée « page » et le second un « contenu ».
La division « page » peut être considérée comme une boîte, ou même une page de la brochure (par conséquent, la page « nom »). J’ai plus tard spécifie la taille et le type de division que sera ma « page ».
Immédiatement après avoir configuré ma « page », j’ai créé une autre division, « contenue ». Pensez à cela comme une boîte plus petite imbriquée à l’intérieur de plus, « page ». Ou bien, pensez à « contenu » comme une petite note collé sur ma plus grande page de mon livret. En réalité, une division n’est pas nécessairement plus grande ou plus petite que l’autre. La taille d’une division est entièrement dépendante de comment les définir.
Une autre façon de penser des deux divisions serait d’imaginer une page d’album photo (le "site"), avec une photo (le « contenu ») collée sur la page. Je peux spécifier plus tard la taille exacte de la page de l’album ainsi que la taille exacte de la photo.
Après la mise en place de la division « contenu », je rentre les informations et les images que je veux être sur cette petite note.
< h2 > est une balise qui identifie mon titre, « Liste de vérification quotidienne ». Sur d’autres pages, j’ai utilisé < h1 >, que je peux définir comme un grand titre. Pour < h2 > j’ai spécifier plus tard une légèrement plus petite taille de la police, de la sorte d’une sous-rubrique.
< ul >
représente une liste non ordonnée, simplement une liste de bullet points plutôt qu’une liste ordonnée, ce qui serait une liste numérotée, ou une liste de plan à l’aide de lettres.
La plupart des navigateurs internet normalement affichent < ul > listes avec un tiret. Cependant, j’ai choisi de le définir comme n’ayant aucun point de la balle.
C’est mon document et je vais pleurer si je veux... Je veux dire, je vais énumérer sans balles si je veux.
Chaque élément dans ma liste est étiqueté < li > au début et < /li > à la fin. À la fin de la liste entière est une balise de fermeture, < /ul >.
< classe p = « footer » > 1 < /p >
Normalement, un simple paragraphe en HTML est le tag < p > au début et < /p > à la fin. Dans mon cas, j’ai voulu le paragraphe pour afficher les numéros de page en gris. J’ai utilisé ma feuille de style pour définir une classe spéciale du paragraphe que j’ai appelé « footer ».
< div class = « saut de page » >< / div >
Cette balise division aura une classe spéciale définie par la suite, appelé « saut de page ». La division n’aura aucun texte ou les images à afficher, alors j’ai suivi immédiatement la balise avec une balise de fermeture, < / div >. Le but de la division « saut de page » sera pour signaler la fin d’une page et le début d’une autre. Dans mon extrait, j’ai mis le saut de page immédiatement après l’étape un. Dans mon document d’origine, la version intégrale, j’ai mis le saut de page après chaque huit pages jusqu'à ce que j’ai atteint la fin. Je voulais finir par impression de huit pages de petit livret sur un seul morceau de papier, 8,5 x 11 pouces. Avec ma division de saut de page, je pourrais signaler le navigateur internet pour imprimer le livret 8 pages sur une seule page.
Les balises restantes ferment tags, indiquant la fin des deux divisions, la fin du corps et la fin du document.