Qu'est-ce qu'un fichier HTML ? Une compréhension préliminaire des fichiers HTML
寻∝梦
Libérer： 2018-08-13 19:28:06
original
4822 Les gens l'ont consulté
Il s'agit d'un tutoriel d'introduction au HTML5 Afin de permettre à davantage de débutants de trouver la bonne direction, cet article explique comment les débutants peuvent apprendre systématiquement le HTML5.
1. Qu'est-ce qu'un fichier HTML ?
Le nom anglais complet de TML est Hypertext Markup Language, et le nom chinois est « Hypertext Markup Language ».
La différence avec le texte ordinaire est qu'un fichier HTML contient non seulement du contenu textuel, mais contient également des balises, appelées « balises » en chinois.
Le suffixe d'un fichier HTML est .htm ou .html.
Vous pouvez écrire des fichiers HTML à l'aide d'un éditeur de texte.
2. Écrivez un fichier HTML
Le nom anglais complet de TML est Hypertext Markup Language et le nom chinois est "Hypertext Markup Language".
La différence avec le texte ordinaire est qu'un fichier HTML contient non seulement du contenu textuel, mais contient également des balises, appelées « balises » en chinois.
Le suffixe d'un fichier HTML est .htm ou .html.
Vous pouvez écrire des fichiers HTML à l'aide d'un éditeur de texte.
<html>
<head>
<title>PHP中文网</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b>
</body>
</html>
Copier après la connexion
Pour afficher le premier fichier.html, double-cliquez dessus. Ou ouvrez le navigateur, sélectionnez Ouvrir dans le menu Fichier, puis sélectionnez le fichier.
La première balise de ce fichier est . Cette balise indique à votre navigateur qu'il s'agit de l'en-tête du fichier HTML. La dernière balise du fichier est , indiquant que le fichier HTML se termine ici.
Le contenu entre
et Les informations sur la tête ne sont pas affichées et vous ne pouvez pas les voir dans le navigateur. Mais cela ne veut pas dire que les informations ne sont pas utiles. Par exemple, vous pouvez ajouter des mots-clés aux informations d'en-tête pour aider les moteurs de recherche à rechercher votre page Web.
Le contenu entre
et Vous pouvez voir ce titre dans la barre de titre en haut de votre navigateur.
Les informations entre
et
Le texte entre et Comme son nom l’indique, cela signifie gras.
Les fichiers HTML ressemblent au texte ordinaire, mais ils ont plus de balises que le texte ordinaire, telles que , , etc. Grâce à ces balises, vous pouvez indiquer au navigateur comment afficher ceci déposer.
Éléments HTML
L'élément HTML est utilisé pour marquer le texte et représenter le contenu du texte. Par exemple, body, p et title sont des éléments HTML.
Les éléments HTML sont représentés par des balises, qui commencent par < et se terminent par >.
La balise apparaît généralement par paires, par exemple
. Celle de départ s’appelle Opening Tag et celle de fin s’appelle Closing Tag.
Actuellement, les balises HTML ne sont pas sensibles à la casse. Par exemple, et sont en réalité identiques.
Attributs des éléments HTML
Les éléments HTML peuvent avoir des attributs. Les attributs étendent les capacités des éléments HTML.
Par exemple, vous pouvez utiliser un attribut bgcolor pour rendre la couleur d'arrière-plan de la page rouge, comme ceci :
Autre exemple, vous pouvez utiliser l'attribut border pour définir un tableau comme un tableau sans bordure. Comme suit :
Les attributs apparaissent généralement par paires de nom et de valeur d'attribut, comme ceci : name="value". Dans l'exemple ci-dessus, bgcolor et border sont le nom, le rouge et 0 sont la valeur. Les valeurs d'attribut sont généralement marquées par des guillemets doubles. L'attribut est généralement attaché à la balise d'ouverture du HTML, et non à la balise de fermeture.
Titre du texte
Cet exemple vous montre comment définir le titre du texte dans un fichier HTML.
HTML utilise des balises de
à
pour définir le titre du texte, de grand à petit. Chaque titre de texte est son propre paragraphe.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
Copier après la connexion
Division des paragraphes
Utilisez
et
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Copier après la connexion
Saut de ligne
En utilisant la balise , vous pouvez couper une ligne sans créer de nouveau paragraphe. Pas de balise de fermeture. C'est une mauvaise habitude d'utiliser
pour les sauts de ligne. La bonne chose est d'utiliser .
Ceci est un paragraphe graphique avec des sauts de ligne
Commentaires HTML
en HTML Dans le fichier, vous pouvez écrire des commentaires de code pour expliquer votre code, ce qui vous aidera, vous et les autres, à mieux comprendre votre code à l'avenir.
Les commentaires peuvent être écrits entre . Les navigateurs ignorent les commentaires et vous ne verrez pas vos commentaires dans le corps HTML.
<!--This is a comment -->
Copier après la connexion
Quelques conseils
Les fichiers HTML couperont automatiquement les espaces supplémentaires. Quel que soit le nombre d’espaces que vous ajoutez, ils comptent tous pour un seul espace. Une ligne vide est également considérée comme un espace.
Certaines balises peuvent séparer le texte en un paragraphe sans utiliser
pour le segmenter. Par exemple, des balises de titre telles que .
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
