Étape 4: Les détails
< html >
N’importe quel navigateur internet (Explorer, Firefox, Chrome, Safari ou une centaine de variétés plus) répondra à cette balise en interprétant toute autre balise dans le document en tant que code HTML, affichant le document sur un moniteur d’ordinateur comme une page Web. La dernière balise du document indique la fin du codage HTML: < / html >.
< tête >< / head >
Ce qui est entre les balises < head > permet au navigateur de traiter le document selon des règles spécifiques. Les informations contenues dans la section < head > sont normalement jamais vu par l’utilisateur qui ouvre le document, à l’exception de l’information de < titre >. Le navigateur utilise le < titre > pour afficher une brève description de la page Web, généralement à l’onglet très haut de la fenêtre du navigateur.
< link rel = « stylesheet » type = « text/css » media = « all » href = « html-css-éditeur-reset.css » / >
Cette ligne de code lie le document HTML à une feuille de style appelée html-css-éditeur-reset.css.
La feuille de style de réinitialisation redirige le navigateur internet pour réinitialiser tous les formats et styles pour un neutre ou niveau zéro. Cette réinitialisation est nécessaire la conception de mon livret, parce que tous les navigateurs internet sont pré configuré différemment par son créateur. Internet Explorer met en forme des balises HTML légèrement différente de celle de Firefox, par exemple. Espacement et alignement sont différents, les polices sont différentes, comme les formats ainsi que de nombreux autres styles. Remise à zéro de tous les formats rend tous les navigateurs essentiellement égaux, au moins pour l’affichage sur un écran de contrôle.
Immédiatement après mon document HTML un lien vers la feuille de style de remise à zéro, j’ai également un lien à une feuille de style appelée html-css-Editeur-écran. Cette feuille de style va définir les formats et styles selon mes propres préférences. Je peux choisir la taille de police, type de police, espacement, alignement, couleurs... pratiquement tous les aspects de mise en forme peuvent être personnalisé. Puisque j’ai déjà lié à la feuille de style de réinitialisation, mes préférences ne sera pas être mal interprétés par les différents navigateurs.
Après que la section < head > vient la section < body >. Le corps de < > contient le contenu du document, le texte et les images qui s’afficheront sur la page Web.
Mon code HTML affiche une page de mon guide de terrain, la liste de vérification quotidienne que j’ai revue au début de chaque jour pour me rappeler de ce qu’il à get / / envisager. Il ne fera pas beaucoup de sens pour quelqu'un d’autre, mais il vous montre les balises HTML, que j’ai utilisé pour afficher les informations.