Contenu", où "< html> » signifie que le code de la page est entièrement constitué de code HTML et constitue la balise racine."/> TitreContenu", où "< html> » signifie que le code de la page est entièrement constitué de code HTML et constitue la balise racine.">
recherche

Maison  >  Article  >  interface Web  >  Quelle est la structure de base du code d'une page HTML ?

Quelle est la structure de base du code d'une page HTML ?

青灯夜游
青灯夜游original
2020-11-09 11:26:3116895parcourir

Quelle est la structure de base du code d'une page HTML ?

（推荐教程：html教程）

HTML页面的基本代码结构

<!DOCTYPE html>
<html>
<head>
    <title>标题</title>
</head>
<body>
内容
</body>
</html>

这些由（左尖角号）、内容以及<code>>（右尖角号）组成的叫做标签（tag），三者缺一不可。在 HTML 中，使用包围标签的目的是方便将它们与普通文本进行区分。

上述代码描述的是 HTML 的基本结构，主要使用了 、<code>>、<code>、<title></title> 以及 等标签。我们来分别看一下：

  • 是 Document Type Declaration 的简称，用来声明文档，也就是告知 web 浏览器当前页面使用了哪种 HTML 版本编写代码，此处使用的是 HTML 5 的版本。声明文档必不可少，而且必须位于 HTML 文档的第一行；

  • 表示页面编写的代码都是 HTML 代码。它是成对出现的标签，直到 结束。除了声明文档外的所有代码都必须写在 中间；

  • 表示页面的"头部"，页面的 title（标题）一般写在 中间；

  • <title></title> 表示页面的标题；

  • 表示页面的"身体"，页面中的绝大部分内容都可以写在 之间。

可分为几层：

Quelle est la structure de base du code dune page HTML ?

第一层：

------！文档类型，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档，在html5文档中，一般写为 ;值得注意的是，不属于html标签。

-------html标签，是html文档的根标签，所有的网页标签都放在这对标签中，是所有html标签的祖先容器。

第二层：

-------头部标签，代表着html文档的头信息，是所有头部元素的容器，内部一般包含：<title></title> <script></script><style></style><meta><link>这些头部元素。

-------网页主体标签，其内部主要包含着构成网页内容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table> <code><table></table>, etc. Ces éléments seront affichés dans la partie contenu de la page web.

3. Attributs des balises

Tout comme les personnes ont des attributs tels que la taille, le poids, l'âge, etc., les balises html ont également leurs propres attributs, tels que la couleur de la police, la largeur, la hauteur, fond, etc Ces attributs sont généralement déchargés de la balise sous la forme de paires clé-valeur et font partie de la balise, et les attributs de chaque balise ne sont pas exactement les mêmes. Certaines balises ont leurs propres attributs uniques. Comme le montre la figure ci-dessous :

Quelle est la structure de base du code dune page HTML ?

4. Annotations HTML

Dans le développement réel, nous devons faire quelques marques dans le document HTML pour faciliter la révision future. du code. La maintenance et la modification permettent également aux autres programmeurs de comprendre plus facilement notre code. Dans les documents html, le format des commentaires est :

Quelle est la structure de base du code dune page HTML ?

La différence entre les balises en HTML 2

Les balises en HTML sont fermées selon Le statut peut être divisé en 2 types, étiquette fermée unique et étiquette à fermeture automatique. Jetons un coup d'œil aux différences entre eux.

1. Balise de fermeture unique

,

, <title></title>> dans la structure de base de Les balises HTML ; et sont des balises de fermeture simples. Les balises , , et sont appelées balises de début, et , , ;balises C'est ce qu'on appelle une balise de fermeture. De là, nous pouvons voir qu'une seule balise de fermeture fait référence à une balise dans laquelle une balise de début et une balise de fin existent en même temps.

2. Balise de somme à fermeture automatique

La différence entre la balise de somme à fermeture automatique et la balise de fermeture unique est que sa balise de fin peut être remplacée par / (barre oblique de fin) et écrite directement dans le commencez à marquer la queue. Par exemple, la balise d'image Quelle est la structure de base du code d'une page HTML ? peut être écrite sous la forme Quelle est la structure de base du code d'une page HTML ? et la balise de saut de ligne
peut être écrite sous la forme
. Nous expliquerons la balise Quelle est la structure de base du code d'une page HTML ? et
dans la description suivante, mais il vous suffit de la comprendre ici.

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours vidéo de programmation ! !

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!

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：Utilisez html+css+js pour obtenir un effet simpleArticle suivant：Utilisez html+css+js pour obtenir un effet simple

Articles Liés

Voir plus