Comment structurer un document html pour faire une page web sur votre pi framboise

Video: Recette de l'Entremet Printanier à la myrtille par Martin Diez en vidéo

Pour faire une page web sur le Raspberry Pi, vous aurez besoin de structurer le document HTML correctement. Un extrait de code est un bon moyen de voir comment les balises HTML fonctionnent et comment votre navigateur les interprète, mais vous devez inclure beaucoup plus d`informations et le balisage avant de pouvoir créer une page web vraiment valide.

Un document HTML comporte deux parties principales: l`en-tête (entre le et les étiquettes) et le corps (entre le et balises). L`en-tête est utilisé principalement pour des informations sur la page Web, tandis que le corps contient le contenu réel de la page.

Mots clés fonctionnent tous de la même façon, avec une ouverture d`étiquette et une autre fermeture. Comme vous pouvez le voir, il est normal d`avoir des balises à l`intérieur d`autres balises. Dans ce document, toutes les autres balises sauf la première sont à l`intérieur du balises d`ouverture et de fermeture.

Vous n`avez pas besoin de mémoriser toutes ces nouvelles balises, la chance pour vous, car voici un cadre que vous pouvez réutiliser et modifier légèrement pour chaque nouvelle page Web que vous créez. Vous devez changer seulement deux bits pour chaque page Web que vous créez:

  • et : Entre ces balises est le titre de la page, qui apparaît dans les signets, les résultats des moteurs de recherche, et dans la barre de titre en haut du navigateur (ou l`onglet de la page, si vous utilisez les onglets) lorsque vous visitez la page.

  • et : Entre ces balises est l`endroit où vous mettez tout le contenu de votre page Web, de sorte que cette section a tendance à être assez long quand vous travaillez avec une vraie page web. Dans cet exemple, vous pouvez voir que l`extrait de code HTML entre les balises du corps.

Video: In Da Club - Membranes & Transport: Crash Course Biology #5

Pour ceux qui veulent tout comprendre, voici une ventilation du reste du document:

  • : Cela indique au navigateur quelle version de HTML que vous utilisez. Tu peux voir le DOCTYPE pour HTML5, ce qui est tout simplement le mot html. Les anciennes versions de HTML ont des types de documents longs et compliqués, et vous viennent encore à travers ceux-ci de temps en temps.

  • et : Ces balises sont utilisées pour marquer le début et la fin du document HTML. La balise d`ouverture précise également la langue du document, dans ce cas, l`anglais.

  • et : Ces balises marquent le début et la fin de l`en-tête. La seule chose dans notre tête est le titre de la page, mais comme vous en apprendre davantage sur le langage HTML, vous croiserez d`autres balises qui appartiennent ici.

  • : Cette balise définit le jeu de caractères qui est utilisé dans le document, afin que les gens en utilisant des langages avec différents alphabets peuvent dire que l`on doit être utilisé. Pour ce projet, il y a un jeu de caractères appelé utf-8. Vous remarquerez peut-être il y a une barre oblique à l`intérieur du support de fermeture sur cette étiquette. C`est parce que l`étiquette n`entoure rien, donc il n`a pas une balise de fermeture séparée.

    Dans une précédente version de HTML appelé XHTML, chaque balise doit être fermée, alors quand il n`y avait pas de balise de fermeture séparée, une barre oblique a été placé à l`intérieur du support de fermeture de l`étiquette à la place. Beaucoup de gens considèrent encore cette meilleure pratique, mais il est facultatif.

    [Leafpad écrit par Tarot Osuji avec des illustrations par Lapo Calamandrei]

Vous pouvez utiliser des espaces pour indenter les lignes à l`intérieur l`en-tête et le corps et des lignes vides autour de ces deux sections, afin que vous puissiez voir plus facilement où l`en-tête et le début du corps et à la fin. Les gens font souvent: Il est plus facile à lire et à modifier le code HTML. HTML ignore l`espace vide, il n`a pas d`importance combien vous utilisez, ou si vous le mettez.

Il n`a pas d`importance sur le plan technique si vos balises sont en majuscules ou en minuscules, mais il semble plus net quand il est cohérent et convention dicte minuscule pour toutes les balises sauf pour la DOCTYPE.

Video: Document Object Model

Lorsque vous ouvrez cette page dans votre navigateur, il semble même que notre précédent extrait de code fait dans le navigateur, sauf que vous verrez un titre dans la barre en haut du navigateur, et il est une page Web valide maintenant. Vous pouvez publier ce sur Internet si vous voulez, et il fonctionnerait parfaitement.

Parce qu`il semble tout de même, vous pourriez vous demander pourquoi vous avez besoin de se soucier de tous ces autres balises, puis. La réponse est que la plupart des navigateurs sont assez indulgents et vont essayer de travailler autour de vos erreurs et omissions, mais vous ne pouvez pas compter sur cela.

Video: PHP for Web Development

Vous ne savez pas quel navigateur un visiteur peut utiliser pour afficher votre site Web, vous devez fournir tout le balisage correct, même si une page fonctionne bien sur votre Raspberry Pi. D`autres navigateurs ou périphériques peuvent ne pas être en mesure de faire face à un document HTML invalide ainsi que Midori peut.

Articles connexes