ホームページ > 記事 > ウェブフロントエンド > HTML ブロックレベルのタグの概要 (短い記事)
HTML ブロックレベルのタグの概要 (短い記事)
- 黄舟オリジナル
- 2017-02-20 13:38:061554ブラウズ
ブロックレベル要素は、簡単に言うと、独自の行を占有する要素です。その特徴:
①常に新しい行から開始します。
②高さ、行の高さ、マージン、パディングはすべて制御できます。
③幅を設定しない限り、幅はコンテナのデフォルトの 100% になります。
④ インライン要素やその他のブロック要素に対応できます
要約コードは次のとおりです:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- 块状元素 独占一行 -->
<!-- p无语义,称它为盒子 -->
<p>盒子</p>
<!-- h1-h6语义 定义标题 -->
<h1>标题1</h1>
<h2>标题2</h2>
<h6>标题3</h6>
<!-- p 语义 段落标签 写文字-->
<p>文章</p>
<!-- 列表多数用来存一系列的相似的数据 -->
<!-- 有序列表 -->
<ol>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
</ol>
<!-- 无序列表 -->
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
</ul>
<!-- 定义列表 解释某个名词 -->
<dl>
<dt>名词</dt>
<dd>解释名词的位置</dd>
</dl>
<!-- 表格 渲染性能不好 少用 -->
<table>
<caption>表格头部</caption>
<!-- tr是行 -->
<tr>
<!-- th表头 -->
<th>星期一</th>
<th>星期二</th>
</tr>
<tr>
<!-- td单元格 -->
<td>上课</td>
<td>上课</td>
</tr>
</table>
</body>
</html>
上記は、エディターによって導入されたHTMLブロックレベルのタグの要約です(小さな記事)、関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。