communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > le corps du texte

Qu'est-ce qu'un fichier HTML ? Une compréhension préliminaire des fichiers HTML

寻∝梦
Libérer： 2018-08-13 19:28:06
original
4844 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

.

[Recommandations associées]

L'historique du développement de HTML et HTML5

Éléments de base du HTML, permettant d'apprendre le HTML à partir de zéro

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
HTML5入门教程，适合初学者
source：php.cn
Article précédent：Quels sont les attributs des formulaires HTML5 ? Article suivant：Analyse détaillée de la bibliothèque d'historique principale dans React Router
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
2017
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2186
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1842
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1733
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1755
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal