Maison > Article > interface Web > Qu'est-ce qu'un fichier HTML ? Une compréhension préliminaire des fichiers HTML

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

寻∝梦original: 2018-08-13 19:28:064830parcourir

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>

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 100db36a723c770d327fc0aef2ce13b1. Cette balise indique à votre navigateur qu'il s'agit de l'en-tête du fichier HTML. La dernière balise du fichier est 73a6ac4ed44ffec12cee46588e518a5e, indiquant que le fichier HTML se termine ici.

Le contenu entre 93f0f5c25f18dab9d176bd4f6de5d30e et 9c3bca370b5104690d9ef395f2c5f8d1 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 b2386ffb911b14667cb8f0f91ea547a7 et 6e916e0f7d1e588d4f442bf645aedb2f Vous pouvez voir ce titre dans la barre de titre en haut de votre navigateur.

Les informations entre 6c04bd5ca3fcae76e30b72ad730ca86d et 36cc49f0c466276486e50c850b7e4956

Le texte entre a4b561c25d9afb9ac8dc4d70affff419 et 0d36329ec37a2cc24d42c7229b69747a a4b561c25d9afb9ac8dc4d70affff419Comme 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 100db36a723c770d327fc0aef2ce13b1, a4b561c25d9afb9ac8dc4d70affff419, 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 94c938c8afd88fee0adf50916b1a3475.

La balise apparaît généralement par paires, par exemple 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956. 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, 6a74014ee44f5deb5894267f99b68016 et 100db36a723c770d327fc0aef2ce13b1 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 :

5bd2413fb59889bf0da8c9f08b90855f

Autre exemple, vous pouvez utiliser l'attribut border pour définir un tableau comme un tableau sans bordure. Comme suit :

834763c67ef419e9ac4571065f99ad9a

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 4a249f0d628e2318394fd9b75b4636b1 à 4e9ee319e0fa4abc21ff286eeb145ecc 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>

Division des paragraphes

Utilisez e388a4556c0f65e1904146cc1a846bee et 94b3e26ee717c64999d7867364b1b4a3

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Saut de ligne

En utilisant la balise 0c6dc11e160d3b678d68754cc175188a, vous pouvez couper une ligne sans créer de nouveau paragraphe. 0c6dc11e160d3b678d68754cc175188aPas de balise de fermeture. C'est une mauvaise habitude d'utiliser e388a4556c0f65e1904146cc1a846bee pour les sauts de ligne. La bonne chose est d'utiliser 0c6dc11e160d3b678d68754cc175188a.

e388a4556c0f65e1904146cc1a846beeCeci0c6dc11e160d3b678d68754cc175188aest un paragraphe0c6dc11e160d3b678d68754cc175188agraphique avec des sauts de ligne94b3e26ee717c64999d7867364b1b4a3

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 037561d5a5bce59f1e77b119af4df8b6. Les navigateurs ignorent les commentaires et vous ne verrez pas vos commentaires dans le corps HTML.

<!--This is a comment -->

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 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 pour le segmenter. Par exemple, des balises de titre telles que 4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a.

[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!

html5 html this border table 搜索引擎

Déclaration：

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

Article précédent：Quels sont les attributs des formulaires HTML5 ?Article suivant：Quels sont les attributs des formulaires HTML5 ?

Articles Liés

Voir plus