1. Qu'est-ce que le HTML ?
HTML est appelé Hypertext Markup Language et est un langage de balisage. Il comprend une série de balises. Ces balises peuvent unifier le format des documents sur le réseau et connecter des ressources Internet dispersées en un tout logique. Le texte HTML est un texte descriptif composé de commandes HTML. Les commandes HTML peuvent décrire du texte, des graphiques, des animations, des sons, des tableaux, des liens, etc.
L'hypertexte est un moyen d'organiser l'information qui associe du texte, des graphiques et d'autres supports d'information via des hyperliens. Ces supports d'informations interdépendants peuvent se trouver dans le même texte, peuvent être d'autres fichiers ou peuvent être des fichiers sur un ordinateur géographiquement distant. Cette façon d'organiser l'information relie les ressources d'information réparties à différents endroits de manière aléatoire, facilitant ainsi la recherche et la récupération des informations.
● Brève description
HTML est l'abréviation de HyperText Mark-up Language, qui signifie langage de balisage hypertexte ;
HTML n'est pas un langage de programmation, mais un langage de balisage ;
L'hypertexte fait référence aux hyperliens et le balisage fait référence aux balises. C'est un langage utilisé pour créer des pages Web. Ce langage est composé de balises une par une.
Les fichiers créés dans cette langue sont enregistrés sous forme de fichiers texte, avec l'extension de fichier étant .html ou .htm ;
Un document HTML est également appelé page Web. Il s'agit en fait d'une page Web. Lorsqu'un fichier HTML est ouvert avec un éditeur, il affiche du texte.
Si vous l'ouvrez avec un navigateur, le navigateur affichera le fichier dans une page Web en fonction du contenu de la description de la balise. La page Web affichée peut passer d'un lien de page Web à une autre page Web.
●Analysons son essence à partir du nom chinois complet de HTML :
(1) Hypertexte
Autrement dit, au-delà du texte brut, cela signifie que les documents HTML peuvent non seulement contenir du texte (texte), mais également inclure du contenu avancé tel que des images, de l'audio et de la vidéo, des tableaux, des listes, des liens, des boutons, des zones de saisie, etc.
L'hyperlien est le lien d'Internet. Il peut relier de nombreuses pages Web et les entrelacer pour former un « réseau ». Sans hyperliens, il n’y aurait pas d’Internet.
(2) Langage de balisage
HTML est un langage informatique, mais il ne peut pas être programmé et ne peut être utilisé que pour baliser le contenu des pages Web. HTML utilise différentes balises pour marquer différents contenus, formats, mises en page, etc., tels que :
La balise <img> représente une image ;
La balise <a> représente un lien ;
La balise <table> représente un tableau ;
La balise <input> représente une zone de saisie ;
La balise <p> représente un morceau de texte ;
La balise <strong> représente l'effet de mise en gras du texte ;
La balise <div> représente la disposition au niveau du bloc.
Résumer
HTML est un langage informatique utilisé pour développer des pages Web. Il affiche du texte, de l'audio et de la vidéo, des images, des tableaux, des boutons, des zones de saisie et d'autres contenus via des balises (instructions marquées). En d’autres termes, HTML est utilisé pour formater et mettre en page le contenu Web.
2. Historique de développement de la version HTML :
Depuis la naissance du HTML, après un développement continu, de nombreuses versions HTML sont apparues sur le marché. Une brève introduction aux versions HTML est la suivante :
3. Contenu HTML
●Balises HTML
Comme mentionné ci-dessus, HTML est un langage de balisage qui utilise diverses balises pour formater le contenu. Les caractéristiques des balises sont les suivantes :
(1) Les balises HTML sont constituées de mots-clés entourés de crochets, tels que <html> ;
(2) À l'exception de quelques balises, la plupart des balises HTML apparaissent par paires, comme <b> et </b> ;
(3) Parmi les balises qui apparaissent par paires, la première balise est appelée balise de début et la deuxième balise est appelée balise de fin (balise de fermeture).
Différentes balises HTML ont des significations différentes. Apprendre le HTML signifie en fait apprendre la signification de chaque balise et sélectionner les balises appropriées en fonction des besoins du scénario réel, afin de créer de belles pages Web.
●Structure du document HTML
La structure de base d'une page HTML est la suivante, qui contient diverses balises nécessaires à la création d'une page Web (telles que doctype, html, head, title, body, etc.).
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Exemple de structure de document HTML</title></head><body><h1>Ce poste est un titre</h1><p> Cette position est un paragraphe</p><p>Cette position est un autre paragraphe</p><ahref=http://c.biancheng.net/target=_blank>Cette position est un lien pointant vers la page d'accueil du C Language Network </a><ul><li>Tutoriel HTML</li><li>Tutoriel CSS</li></ul><inputtype=textplaceholder=text content/></body></html>
La syntaxe est expliquée comme suit :
<!DOCTYPE html> : Il s'agit d'une déclaration de type de document, utilisée pour déclarer le document comme un document HTML (techniquement ce n'est pas une balise), la déclaration doctype n'est pas sensible à la casse ;
<html> </html> : Cette balise est la balise racine de la page HTML. Toutes les autres balises doivent être définies entre les balises <html> et </html> ;
<head> </head> : Cette balise est utilisée pour définir certaines informations du document HTML, telles que le titre, le format d'encodage, etc. ;
<meta charset=UTF-8> : utilisé pour indiquer que la page Web actuelle utilise le codage UTF-8. UTF-8 est un format de codage mondialement accepté et la plupart des pages Web utilisent le codage UTF-8 ;
<title> </title> : Cette balise permet de définir le titre de la page web. Le titre de la page web sera affiché dans la barre d'onglets du navigateur ;
<body> </body> : Cette balise est utilisée pour définir tout le contenu de la page Web que nous pouvons voir via le navigateur, comme les paragraphes, les titres, les images, les liens, etc. ;
<h1> </h1> : Cette balise permet de définir le titre ;
<p> </p> : Cette balise permet de définir un paragraphe ;
<a> </a> : Cette balise est utilisée pour définir des liens ;
<ul> </ul> : Cette balise permet de définir une liste ;
<li> </li> : Cette balise est utilisée pour définir les éléments de la liste ;
<input type=text /> : utilisé pour définir une zone de saisie.
Étant donné que les documents HTML sont des fichiers texte, nous pouvons utiliser n'importe quel éditeur de texte pour créer et modifier des fichiers HTML. Pour les débutants, il est préférable d'utiliser l'éditeur de texte fourni avec le système, tel que Windows Notepad, Linux Vim et Mac OS TextEdit After. Si vous avez certaines bases, vous pouvez alors choisir un éditeur de texte professionnel, comme Notepad++, Sublime Text, VS Code, etc.
De plus, vous devez enregistrer le document HTML au format .html ou .htm avant de pouvoir l'ouvrir directement dans le navigateur et parcourir le contenu. Par exemple, enregistrez l'exemple de code ci-dessus dans un fichier nommé index.html Double-cliquez dessus pour voir les résultats en cours d'exécution dans le navigateur, comme illustré dans la figure suivante :
●Caractéristiques du HTML
(1) Simplicité : la mise à niveau de la version du langage de balisage hypertexte adopte une méthode de surensemble, la rendant plus flexible et plus pratique.
(2) Évolutivité : la large application du langage de balisage hypertexte a entraîné des exigences en matière de fonctions améliorées et d'identifiants ajoutés. Le langage de balisage hypertexte adopte la méthode des éléments de sous-classe pour assurer l'expansion du système.
(3) Indépendance de la plate-forme : bien que les ordinateurs personnels soient populaires, de nombreuses personnes utilisent d'autres machines, telles que MAC, qui peuvent être utilisées sur un large éventail de plates-formes, ce qui constitue une autre raison de la popularité du World Wide Web (WWW). ).
(4) Universalité : De plus, HTML est le langage universel d'Internet, un langage de balisage tout-en-un simple et universel. Il permet aux producteurs de pages Web de créer des pages complexes combinant du texte et des images, et ces pages peuvent être consultées par toute autre personne sur Internet, quel que soit le type d'ordinateur ou de navigateur utilisé.