Dans cette leçon, nous allons discuter du langage de balisage hypertexte. Langage de balisage hypertexte ou HTML, est la langue principale utilisée sur Internet. Ce langage a été introduit au début des années 1990 par Sir Tim Berners-Lee, et des fonctionnalités incluses comme des hyperliens que nous tenons pour acquis aujourd'hui. Nous allons examiner HTML et quelques nouvelles conventions qui sont sortis ces dernières années. Je vais supprimer le HTML que nous avons ici. Et nous allons recommencer avec le type de document. Nous pouvons en fait commencer avec HTML. Maintenant, si nous commençons juste avec HTML, comme vous voyez l'élément HTML sur la page en ce moment. Oh, au fait, vous entendrez souvent des éléments HTML appelés balises. Une façon d'y penser est un élément HTML est un ensemble complet de balises. Dans ce cas, si on met un paragraphe et qu'on l'enferme avec deux balises P ou balises de paragraphe, alors voilà, nous avons un élément de paragraphe. Certains éléments peuvent être considérés comme des choses comme l'adresse, le pied de page, l'en-tête, et d'autres choses à l'intérieur de HTML. Dans ce cas, nous allons considérer les éléments HTML et les balises HTML sont synonymes. Nous utiliserons parfois des balises, parfois nous utiliserons des éléments. Commençons donc à utiliser quelques balises. Tout d'abord, nous allons commencer par une déclaration DOCTYPE. Nous allons donc continuer et insérer un angle d'exclamation DOCTYPE HTML. Et cela nous dit que nous utilisons quelque chose après l'an 2000 en HTML, le simple fait de taper HTML par lui-même rendra votre document d'une manière originale ce serait quelque chose comme le rendu des documents des années 1990. Maintenant ce n'est pas mal. Vous pouvez en fait taper tout votre HTML dans la norme d'aujourd'hui et utilisez simplement HTML en haut et ce sera bien. Cependant, il y a des balises, des éléments qui n'étaient pas pris en charge dans les années 1990, et vous pouvez voir comment cela peut devenir déroutant. Donc, pour éviter cela, nous utilisons le point d'exclamation, que les gens appellent bang et DOCTYPE HTML. Après la déclaration initiale que nous utilisons DOCTYPE HTML, nous allons continuer et commencer notre codage HTML. Maintenant, d'abord avec HTML, nous allons avoir ce que vous auriez normalement dans un document. Donc, sous HTML, nous aurons une section d'en-tête et nous aurons également une section de corps. Alors allons-y. Je vais faire un corps comme ça. Nous aurons donc une section de tête et une section de corps. Maintenant, je vais fermer chacune de ces balises, chacun de ces éléments. Et ici avec le corps tu verras ça Je vais le fermer juste avec une barre oblique. Nous avons donc la tête HTML, la tête, le corps, le corps, juste comme ça et nous pouvons fermer notre HTML. Maintenant, l'éditeur que j'utilise place le texte dans la tabulation droite ou l'espacement droit de côté, c'est vraiment pratique. Et nos futurs rédacteurs chercheront au code Visual Studio, et ce code VS vous donnera beaucoup plus d'options que ce que vous pouvez voir juste ici sur l'écran. Ce que nous tapons à l'écran est du HTML brut et c'est exactement ainsi qu'un document est créé. Je dois noter que DOCTYPE n'est pas requis être en majuscule ici, nous pouvons en fait faire tout de cette minuscule, ce qui est beaucoup plus facile vous trouverez lorsque vous tapez. Ensuite, sous la section de tête, nous pouvons en fait mettre dans notre titre de notre page. Donc je vais enregistrer ça très vite et voyons voir ce que nous avons jusqu'à présent. En ce moment, nous avons un document vierge. Si vous regardez ça, nous avons beaucoup de code pour un document vierge, mais nous avons un document vierge avec un titre qui dit page Web. Donc, si nous regardons ici en haut, nous verrons que la page Web est en effet le titre en haut. Trois des éléments ou balises que nous allons utiliser aujourd'hui sont un titre, un paragraphe, un saut de ligne, une source d'image, un lien URL, donc ça va être quelque chose où vous avez un lien vers un autre site Web où vous voulez aller à ce lien, et une liste où vous avez une liste non numérotée, et enfin un tableau. Pour voir à quoi cela ressemble, allons de l'avant et allons dans notre corps et dans le corps, nous allons continuer et créer un paragraphe. Donc, le P juste là est la balise pour le paragraphe. Et vous direz que c'est un paragraphe. Maintenant, une fois que nous avons tapé qu'il s'agit d'un paragraphe, vous n'avez pas besoin d'espaces comme après l'élément là-bas. Donc on peut sauver ça. Assurez-vous de l'enregistrer sur le serveur avant de le recharger. Et vous verrez que c'est un paragraphe qui revient. Eh bien, avant vos paragraphes, vous aurez normalement des titres. Passons donc au corps ici et regardons H1. Maintenant, H1 est la plus grande rubrique. Si vous avez déjà créé un document, et ce n'est pas n'importe quel type de traitement de texte, vous savez que vous avez le titre du document, puis sous le titre, vous aurez le premier titre et vous taperez, parfois vous aurez un sous-titre et un sous-titre et cetera. Eh bien, c'est la même chose. Donc, ici, nous pouvons dire que c'est le premier titre, et je vais juste aller faire un H1 comme ça. Nous ne manquerons pas de l'enregistrer et de l'actualiser, vous verrez que nous avons le titre un, c'est un paragraphe. Eh bien, allons-y et mettons un titre deux là-dedans. Alors on va descendre ici H2 et nous appellerons cela assez intéressant, nous appellerons ce titre deux. Cela permet également de le voir à l'écran. Donc, titre deux juste comme ça et je veux faire ça deux, pas un, nous voyons donc le titre deux. Sauvegardons cela et rechargeons-le ici même sur l'écran. Et vous verrez que nous avons le titre un et le titre deux, et puis c'est un paragraphe en dessous.
