塊級元素
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>HTML4 塊級元素展示</title><style type="text/css">body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color: #f5f5f5;color: #333;margin: 0;padding: 20px;line-height: 1.6;}h1 {color: #2c3e50;text-align: center;margin-bottom: 30px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);}table {width: 90%;margin: 0 auto;border-collapse: collapse;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);background-color: white;}th, td {padding: 5px;text-align: left;border-bottom: 1px solid #ddd;}th {background-color: #3498db;color: white;text-align: center;}tr:hover {background-color: #f9f9f9;}pre {font-family: 'Courier New', Courier, monospace;background-color: #f8f9fa;padding: 5px;border-radius: 3px;white-space: pre-wrap;}</style></head>
<body style="text-align: center">
<h1>HTML4 塊級元素展示</h1>
<table border="1" align="center"><tr><td>塊級元素名稱</td><td>基本語法</td><td>代碼示列</td><td>注釋說明</td></tr><tr><td>< div ></td><td> <pre > <div> 這是一個 div 元素 </ div> </pre></td><td><div>這是一個 div 元素</div></td><td>定義一個塊級元素</td></tr><tr><td>< p ></td><td> <pre > <p> 這是一個 p 元素 </ p> </pre></td><td><p>這是一個 p 元素</p></td><td>定義段落</td></tr><tr><td>< h1 ></td><td> <pre > <h1> 這是一個 h1 元素 </ h1> </pre></td><td><h1>這是一個 h1 元素</h1></td><td>定義標題</td></tr><tr><td>< h2 ></td><td> <pre > <h2> 這是一個 h2 元素 </ h2> </pre></td><td><h2>這是一個 h2 元素</h2></td><td>定義標題</td></tr><tr><td>< h3 ></td><td> <pre > <h3> 這是一個 h3 元素 </ h3> </pre></td><td><h3>這是一個 h3 元素</h3></td><td>定義標題</td></tr><tr><td>< h4 ></td><td> <pre > <h4> 這是一個 h4 元素 </ h4> </pre></td><td><h4>這是一個 h4 元素</h4></td><td>定義標題</td></tr><tr><td>< h5 ></td><td> <pre > <h5> 這是一個 h5 元素 </ h5> </pre></td><td><h5>這是一個 h5 元素</h5></td><td>定義標題</td></tr><tr><td>< h6 ></td><td> <pre > <h6> 這是一個 h6 元素 </ h6> </pre></td><td><h6>這是一個 h6 元素</h6></td><td>定義標題</td></tr><tr><td>< pre ></td><td> <pre > <pre> 這是一個 pre 元素 </ pre> </pre></td><td><pre>這是一個 pre 元素</pre></td><td>定義預格式文本</td></tr><tr><td>< hr ></td><td> <pre > <hr> </pre></td><td><hr></td><td>定義水平線</td></tr><tr><td>< ul ></td><td> <pre > <ul> 這是一個 ul 元素 </ ul> </pre></td><td><ul>這是一個 ul 元素</ul></td><td>定義無序列表</td></tr><tr><td>< ol ></td><td> <pre > <ol> 這是一個 ol 元素 </ ol> </pre></td><td><ol>這是一個 ol 元素</ol></td><td>子集</td></tr><tr><td>< li ></td><td> <pre > <li> 這是一個 li 元素 </ li> </pre></td><td><li>這是一個 li 元素</li></td><td>定義列表項</td></tr><tr><td>< dl ></td><td> <pre > <dl> 這是一個 dl 元素 </ dl> </pre></td><td><dl>這是一個 dl 元素</dl></td><td>這是一個 dl 元素</td></tr><tr><td>< dt ></td><td> <pre > <dt> 這是一個 dt 元素 </ dt> </pre></td><td><dt>這是一個 dt 元素</dt></td><td>定義列表項的標題</td></tr><tr><td>< dd ></td><td> <pre > <dd> 這是一個 dd 元素 </ dd> </pre></td><td><dd>這是一個 dd 元素</dd></td><td>列表項的描述</td></tr><tr><td>< address ></td><td> <pre > <address> 這是一個 address 元素 </ address> </pre></td><td><address>這是一個 address 元素</address></td><td>定義聯系信息</td></tr><tr><td>< blockquote ></td><td> <pre > <blockquote> 這是一個 blockquote 元素 </ blockquote> </pre></td><td><blockquote>這是一個 blockquote 元素</blockquote></td><td>定義引用</td></tr><tr><td>< form ></td><td> <pre > <form> 這是一個 form 元素 </ form> </pre></td><td><form action="">這是一個 form 元素</form></td><td>定義表單</td></tr><tr><td>< fieldset ></td><td> <pre > <fieldset> 這是一個 fieldset 元素 </ fieldset> </pre></td><td><fieldset>這是一個 fieldset 元</fieldset></td><td>描述字段集</td></tr></table>
</body>
</html>
