Éditeur HTML/CSS ? (4 / 8 étapes)

Étape 4: Les détails

De haut en bas, nous allons parler de quelques-uns de ces lignes de code HTML.

< 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.

Articles Liés

Créer un site Web tout sur vous avec Visual Studio (HTML, CSS, JQUERY)

Créer un site Web tout sur vous avec Visual Studio (HTML, CSS, JQUERY)

Hey tout le monde !Il s'agit de mon premier instructable et dans ce instructable je vais vous montrer comment utiliser Visual Studio pour créer votre propre site Web !Voici un lien de téléchargement pour Visual Studio :Liaison d'origine Visual Studio
Galerie d’images simple HTML CSS Javascript

Galerie d’images simple HTML CSS Javascript

Dans le premier épisode de cette série, j'ai tenir une conversation avec un DIYer Dale nommé et transformez-le en un didacticiel vidéo relatif à une éventuelle solution. À partir de zéro, nous allons construire une fonction javascript simple qui va d
Comment améliorer votre Instructables aide HTML

Comment améliorer votre Instructables aide HTML

Instructables sont un moyen génial de partager vos connaissances et apprendre des autres. Parfois, une grande quantité de texte dans un Instructablecan être intimidant ou une Instructable juste ne semble pas très intéressant. Pour résoudre ce problèm
Faire un site Web html facile

Faire un site Web html facile

tout ce dont vous avez besoin pour cela est un ordinateur, des connaissances en html/css et un certain temps.Étape 1. Téléchargez le fichier zip et l'extraire. Ouvrez les fichiers dans un éditeur de texte comme le bloc-notes ou notepad ++Étape 2. Tou
Comment faire un site en HTML

Comment faire un site en HTML

si vous jamais voulu faire un site Web, mais ne savais pas comment, c'est une bonne façon de le faire !Étape 1: Les bases Pour faire quelque chose en HTML, vous devez commencer avec la balise <HTML> Ensuite, vous devez ajouter votre en-tête. <HEA
Faites votre HTML-site Web adapté aux appareils mobiles

Faites votre HTML-site Web adapté aux appareils mobiles

tout d'abord, je n'étais pas satisfait lorsque j'ai visité un site optimisé Bureau sur un smartphone.Les polices sont trop petites, vous avez de panoramique et de zoomez / tout le temps, les liens sont toujours difficiles à cibler. Donc j'ai dû faire
Le Guide complet de débutants en HTML

Le Guide complet de débutants en HTML

ce tutoriel est écrit à partir du sol pour débutants complets au monde de la programmation. Évidemment si vous êtes familiarisé avec certains langages de programmation, ce sera un peu plus facile.Si vous êtes nouveau à la programmation ne vous décour
Comment démarrer votre HTML Document droit

Comment démarrer votre HTML Document droit

si vous êtes juste de se lancer dans le domaine de la programmation web, vous avez probablement entendu parler du HTML, ou Hyper Text Markup Language. C'est le langage de balisage de base pour la création de pages web statiques. Mais pour créer un do
Déplacer des éléments HTML avec JQuery via Serial

Déplacer des éléments HTML avec JQuery via Serial

Cette instructable agit en utilisant les valeurs reçues de l'Arduino et à les utiliser pour manipuler des éléments HTML à l'intérieur de Involt. Cependant cela n'utilisera pas les méthodes Involt JQuery ou éléments d'interface utilisateur, mais cet e
Curseur de HTML RVB pour Arduino via Serial

Curseur de HTML RVB pour Arduino via Serial

Bonjour à nouveau !J'ai décidé d'écrire plus de tutoriels sur mon HTML/CSS & Arduino projet nommé Involt. Pour plus de détails qu'est-ce vérifier le site Web du projet.Dans ce instructable je vais montrer til plus facile et rare moyen de contrôle LED
Communication série entre Arduino, HTML & Chrome

Communication série entre Arduino, HTML & Chrome

Il est facile de travailler avec Arduino, mais la création de projet qui comprend le logiciel nécessite plus de compétences en programmation. Contrairement à d'autres solutions, mon projet est le moyen pour créer HTML hors connexion app - sans choses
Faites vos propres sites Web - HTML de base (partie 1)

Faites vos propres sites Web - HTML de base (partie 1)

il s'agit d'un guide multi-partie sur comment construire vos propres sites Web. Je vais aborder tout de code HTML de base, le code PHP plus avancés, aux éditeurs de GUI pour rendre vos processus plus rapide. Cette première partie portera sur l'utilis
Serveur Web Python pour votre Raspberry Pi

Serveur Web Python pour votre Raspberry Pi

Remarque : Si vous voulez seulement un serveur web qui ne nécessite pas de Python, consultez ce tutoriel, que j'ai fait pour un serveur web super facile pour le Raspberry Pi.Vous savez certains Python de base ou vous voulez en apprendre un peu et vou
Interface web simple et intuitive pour votre Raspberry Pi

Interface web simple et intuitive pour votre Raspberry Pi

Le Raspberry Pi est un mini-ordinateur incroyable de 35 dollars. Il vous permet de faire tout ce que vous pourriez faire avec un ordinateur Linux (connexion à l'internet, regarder des vidéos, de lancer des applications,...) mais aussi d'interagir ave