Élément HTML . Un élément HTML sans contenu est appelé un élément vide. Les éléments vides sont fermés dans la balise d'ouverture.
En XHTML, XML
et les futures versions de HTML, tous les éléments doivent être fermés.| 开始(开放)标签 | 元素内容 | 结束(闭合)标签 |
| this is my web page |
L'ajout d'une barre oblique dans la balise d'ouverture, telle que
, est la bonne façon de fermer un élément vide et est acceptée par HTML, XHTML et XML.
Même si
est valable dans tous les navigateurs, l'utilisation de
est en fait une garantie à plus long terme.
Le contenu de l'élément est le contenu entre la balise de début et la fin tag Les éléments vides sont fermés dans la balise d'ouverture
La plupart des éléments HTML peuvent avoir l'attribut
Éléments HTML imbriqués
La plupart des éléments HTML peuvent être imbriquésAttributs HTML
<p>Hello world, <a>找度娘</a></p>
1. Les balises peuvent avoir des attributs pour fournir plus d'informations sur les éléments 2. Les attributs apparaissent sous la forme de paires clé-valeur, telles que : href = "www. cnblogs.www /winsoncheung" 3. Attributs de balise couramment utilisés :
:target spécifie où ouvrir la connexion
4. Attributs communs :
| Spécifiez le nom de classe de l'élément | |
| id | Spécifie l'ID unique de l'élément |
| style | Spécifie le style de l'élément | title | < td style="margin-left: 30px">Spécifie des informations supplémentaires pour l'élément
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<!--id规定元素唯一ID-->
<title id="1223">基础</title>
<!--style规定元素的样式-->
<style type="text/css"></style></head><body bgcolor="#5f9ea0">
<h1 align="center">标题1</h1>
<a href="index02.html" target="_blank">打开本地</a>
<!--class规定元素类名-->
<h2 class="h2ID">标题2</h2></body></html>HTML格式化
文本格式化标签:
| 标签 | 描述 |
|---|---|
| 定义粗体文本。 | |
| 定义大号字。 | |
| 定义着重文字。 | |
| 定义斜体字。 | |
| 定义小号字。 | |
| 定义加重语气。 | |
| 定义下标字。 | |
| 定义上标字。 | |
| 定义插入字。 | |
| 定义删除字。 | |
| 不赞成使用。使用 | |
| 不赞成使用。使用 | |
| 不赞成使用。使用样式（style）代替。 |
“计算机输出”标签:
| 标签 | 描述 |
|---|---|
| 定义计算机代码。 |
| 定义键盘码。 | |
| 定义计算机代码样本。 | |
| 定义打字机代码。 | |
| 定义变量。 | |
</td><td style="margin-left: 30px">定义预格式文本。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><<a href="//m.sbmmt.com/wiki/1059.html" target="_blank">list</a>ing></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><plaintext></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><xmp></td><td style="margin-left: 30px">不赞成使用。使用 <pre class="brush:php;toolbar:false"> 代替。</td></tr></tbody></table><p style="margin-left: 30px; text-align: left;"><a href="//m.sbmmt.com/wiki/231.html" target="_blank">引用</a>、引用和术语定义</p><table style="margin-left: 30px; height: 261px; width: 331px"><tbody style="margin-left: 30px"><tr style="margin-left: 30px" class="firstRow"><th style="margin-left: 30px">标签</th><th style="margin-left: 30px">描述</th></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><abbr></td><td style="margin-left: 30px">定义缩写。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><acronym></td><td style="margin-left: 30px">定义首字母缩写。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><address></td><td style="margin-left: 30px">定义地址。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><bdo></td><td style="margin-left: 30px">定义文字方向。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><blockquote></td><td style="margin-left: 30px">定义长的引用。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><q></td><td style="margin-left: 30px">定义短的引用语。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><cite></td><td style="margin-left: 30px">定义引用、引证。</td></tr><tr style="margin-left: 30px"><td style="margin-left: 30px"><dfn></td><td style="margin-left: 30px">定义一个定义项目。</td></tr></tbody></table><p style="margin-left: 30px; text-align: left;"> 代码示例:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><!DOCTYPE html><html><head>
<meta charset="UTF-8">
<title id="1223">格式化</title></head><body>
<b>My name is Winson</b>
<br/>
<big>Welcome to my blog~</big>
<br/>
<i>Hello, visitor!</i>
<br/>
<small>我很小, 你看不见 看不见</small>
<br/>
<strong>太显眼了</strong>
<br/>
大家好<sub>欢迎</sub>来到 <br/>
大家好<sup>欢迎</sup>来到 <br/>
<ins>Come on! girls!</ins>
<br/>
<del>Hei! girl!</del></body></html>Copier après la connexion 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!
Article précédent：Notes d'étude HTML5 (1) - Comprendre HTML5
Article suivant：Notes d'étude HTML5 (3) - Explication détaillée des styles HTML5, des connexions et des codes de table
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
Impossible d'obtenir l'élément d'entrée du site Web
J'essaie donc d'obtenir un élément d'entrée de Twitter mais lorsque je l'exécute, cela con...
Depuis 2024-04-06 18:59:57
0
1
442
Rubriques connexes
Plus>
|
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
