HTML est un langage assez simple, tous les étudiants des filières techniques et littéraires l’apprennent à l’université, et je pense qu’il est désormais enseigné dans la plupart des écoles. C’est simple car HTML n’est même pas un langage de programmation.

Dans la leçon précédente, nous avons créé notre premier document HTML, ce qui signifie que vous savez déjà que nous écrivons le code HTML dans un éditeur de texte et que nous regardons les changements dans un navigateur en actualisant la page (généralement avec la touche F5).

Dans cette leçon, nous allons continuer à travailler avec du texte et utiliser les balises pour entourer du texte : span, p, div. Nous examinerons également la balise br.

Les listes sont très courantes sur les sites : dans les menus, dans le texte pour énumérer des éléments. Commençons par le type le plus populaire, la liste non ordonnée <UL></UL> (unordered list).

Liste UL

La liste UL est utilisée pour les menus, pour les listes à puces, et on peut définir la forme des puces via HTML.

Modifions notre code HTML :

Nous arrivons aux bases mêmes du HTML, à savoir les hyperliens (ou simplement liens). Les liens sont un moyen d’organiser la connexion entre différents contenus. Supposons que vous ayez 100000 fichiers texte, si vous créez une classification pour eux, même avec 200 descriptions par rubrique, vous aurez besoin de 500 rubriques. Pour parcourir ces 500 rubriques et trouver l’information souhaitée, il vous faudra beaucoup de temps. Comment les liens vont-ils faciliter notre vie ?

Les tableaux sont l'un des moyens importants de stockage d'informations. Excel, Access et d'autres bases de données stockent les informations dans des tableaux. Les tableaux représentent visuellement les données, ce qui facilite la création de graphiques et de diagrammes à partir de ces données.

Les images sur un site sont un élément très important, sans elles le site paraît gris et peu attrayant. Les images sont utilisées pour la mise en forme du site, pour les galeries photos, ou simplement comme illustrations.

Les images sont insérées à l’aide de la balise IMG (notez que nous écrivons non pas image en entier, mais seulement img). La balise IMG est auto-fermante <img />, c’est-à-dire sans balise fermante.

Souvent, on a besoin d’insérer une vidéo YouTube dans son blog. Dans cette leçon, nous verrons quelles balises et quels attributs sont utilisés. Commençons par aller sur YouTube et copier le code de la vidéo.

L’élément principal d’un site est le menu (navigation). Il permet de naviguer entre les pages du site. Le menu est également important pour l’indexation par les moteurs de recherche : sans liens entre les pages, le moteur ne peut pas explorer toutes les pages. Voyons de quoi se compose un menu.

L’élément principal d’un site est le menu (navigation). Il permet de naviguer entre les pages du site. Le menu est également important pour l’indexation par les moteurs de recherche : sans liens entre les pages, le moteur ne peut pas explorer toutes les pages. Voyons de quoi se compose un menu.

Je pense conclure ici le tutoriel HTML, mais je continuerai à publier des leçons sur HTML si de nouvelles idées me viennent. Vous pourriez trouver que ce tutoriel est très court, mais il s’intitule « Premiers pas ». Je ne pense pas qu’il soit nécessaire de décrire tous les tags maintenant, ce sera fait plus tard dans un guide HTML complet.

Si vous souhaitez continuer à apprendre, je vous recommande de poursuivre avec le CSS, qui fait partie de HTML et permet de styliser les éléments HTML pour rendre tout joli.