做的網(wǎng)站響應(yīng)速度慢免費(fèi)二級(jí)域名注冊(cè)網(wǎng)站有哪些
目標(biāo)圖片：
文字素材：
? ? 網(wǎng)頁設(shè)計(jì)語言基礎(chǔ)練習(xí)案例
? ? ? ? ——幾個(gè)從語義上和文字相關(guān)的標(biāo)簽
? * h標(biāo)簽（h1~h6）：用來定義網(wǎng)頁的標(biāo)題，成對(duì)出現(xiàn)。
? * p標(biāo)簽：用來設(shè)置網(wǎng)頁的段落，成對(duì)出現(xiàn)。
? * br標(biāo)簽：換行符，單獨(dú)出現(xiàn)。
? * 列表標(biāo)簽：成對(duì)、成組出現(xiàn)。
? ? ? o 無序列表：ul ?和 ?列表項(xiàng)：li
? ? ? o 有序列表：ol ?和 ?列表項(xiàng)：li
? ? ? o 定義列表：dl 和 定義術(shù)語：dt 和 定義描述：dd
? * span標(biāo)簽：無意義標(biāo)簽，成對(duì)出現(xiàn)
h標(biāo)簽(h1~h6)
? ? h是header的首字母縮寫，后面的數(shù)字表示標(biāo)題的級(jí)別。
? ? 默認(rèn)自帶效果：加粗，自帶間距，且獨(dú)立成行。
p標(biāo)簽
? ? p是paragraph的首字母縮寫，用來設(shè)置段落文本。
? ? 默認(rèn)自帶效果：段間距，且獨(dú)立成行。
br標(biāo)簽
? ? 換行符，只回一行，行間距較小時(shí)可以使用，且不夠精確。
? ? 默認(rèn)自帶效果：換行。
列表標(biāo)簽
? ? 無序列表，默認(rèn)列表符為實(shí)心圓點(diǎn)，有左填充，嵌套子列表的列表符會(huì)發(fā)生變化。
? ? 有序列表，默認(rèn)列表符為阿拉伯?dāng)?shù)字，有左填充。
? ? 定義列表，沒有列表符，dl后面要跟著dt和dd，一個(gè)dt可以和多個(gè)dd搭配，其
? ? 中dd默認(rèn)帶左間距
? ? 列表元素是塊級(jí)元素，能獨(dú)立成行，一般不單獨(dú)使用，因?yàn)閱为?dú)的元素不能表
? ? 達(dá)完整的語義，且有可能在樣式的呈現(xiàn)上回出現(xiàn)意想不到的問題。
? ? 列表元素能夠?qū)崿F(xiàn)網(wǎng)頁當(dāng)中的結(jié)構(gòu)化信息，如需要排列顯示的導(dǎo)航菜單、新聞
? ? 信息等。
span標(biāo)簽
? ? span無實(shí)際意義，沒有固定樣式，是行級(jí)元素
? ? 一般作為部分文本定義特殊樣式時(shí)使用，完善排版。
圖片素材：
Dreamweave-html運(yùn)行代碼：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head><body>
<h1>
<h1 align="center">
網(wǎng)頁設(shè)計(jì)語言基礎(chǔ)練習(xí)案例</h1>
<hr below style="border:3px dashed #FFCC00;">
<h3>
<h3 align="center">
——幾個(gè)從語義上和文字相關(guān)的標(biāo)簽</h3><ul>
<li style="disc;">
<img src="practice3.jpg"style="float:right;margin-right:130px; width="91" height="135" />
<b style="color:red;">h標(biāo)簽（h1~h6）：</b>用來定義網(wǎng)頁的標(biāo)題，成對(duì)出現(xiàn)。</li>
<li><b style="color:red;">p標(biāo)簽:</b>用來設(shè)置網(wǎng)頁的段落，成對(duì)出現(xiàn)。</li>
<li><b style="color:red;">br標(biāo)簽:</b>換行符、單獨(dú)出現(xiàn)。</li>
<li><b style="color:red;">列表標(biāo)簽:</b>成對(duì)、成組。</li>
<li><b style="color:red;">span標(biāo)簽:</b>無意義標(biāo)簽，成對(duì)出現(xiàn)。</li>
</ul>
<div>
<div align="center">
<div style="border:1px dashed #000;width:500px;height:80px;">
<div style="text-align:left;width:480px;height:70px;background-color:#FC9;color:black;font-size:16px;padding-left:20px;padding-top:10px;">
<li>無序列表：ul 和 列表項(xiàng)：li</li>
<li>有序列表：ol 和 列表項(xiàng)：li</li>
<li>定義列表：dl 和 定義術(shù)語：dt 和 定義描述：dd</li>
<ul></div><dl><div>
<div style="border:1px solid #000;width:500px;height:90px;border-radius:20px;">
<dl style="text-align:left;width:470px;color:black;font-size:16px;">
<dt>h標(biāo)簽(h1~h6)</dt>
<dd>h是header的首字母縮寫，后面的數(shù)字表示標(biāo)題的級(jí)別。</dd>
<dd>默認(rèn)自帶效果：加粗，自帶間距，且獨(dú)立成行。</dd>
</div></dl>
<dl><div>
<div style="border:1px solid #000;width:500px;height:90px;border-radius:20px;">
<dl style="text-align:left;width:470px;color:black;font-size:16px;">
<dt>p標(biāo)簽</dt>
<dd>p是paragraph的首字母縮寫，用來設(shè)置段落文本。</dd>
<dd>默認(rèn)自帶效果：段間距，且獨(dú)立成行。</dd>
</div></dl>
<dl><div>
<div style="border:1px solid #000;width:500px;height:90px;border-radius:20px;">
<dl style="text-align:left;width:470px;color:black;font-size:16px;">
<dt>br標(biāo)簽</dt>
<dd>換行符，只回一行，行間距較小時(shí)可以使用，且不夠精確。</dd>
<dd>默認(rèn)自帶效段:換行。</dd>
</div></dl><div style="border:1px solid #000;width:500px;height:220px;border-radius:20px;">
<dl style="text-align:left;width:470px;color:black;font-size:16px;">
<dt>列表標(biāo)簽</dt>
<dd>無序列表，默認(rèn)列表符為實(shí)心圓點(diǎn)，有左填充，嵌套子列表的列表符會(huì)發(fā)生變化。</dd>
<dd>有序列表，默認(rèn)列表符為阿拉伯?dāng)?shù)字，有左填充。</dd>
<dd>定義列表，沒有列表符，dl后面要跟著dt和dd，一個(gè)dt可以和多個(gè)dd搭配，其中dd默認(rèn)帶左間距。</dd>
<dd>列表元素是塊級(jí)元素，能獨(dú)立成行，一般不單獨(dú)使用，因?yàn)閱为?dú)的元素不能表達(dá)完整的語義，且有可能在樣式的呈現(xiàn)上回出現(xiàn)意想不到的問題。</dd>
<dd列表元素能夠?qū)崿F(xiàn)網(wǎng)頁當(dāng)中的結(jié)構(gòu)化信息，如需要排列顯示的導(dǎo)航菜單、新聞信息等。</dd>
</div></dl><dl style="border:1px solid #000;width:500px;height:90px;border-radius:20px;">
<dl style="text-align:left;width:470px;color:black;font-size:16px;">
<dt>span標(biāo)簽</dt>
<dd>span無實(shí)際意義，沒有固定樣式，是行級(jí)元素。</dd>
<dd>一般作為部分文本定義特殊樣式時(shí)使用，完善排版。</dd>
</div></dl></body>
</html>
Edge瀏覽器運(yùn)行截圖：
Goole瀏覽器運(yùn)行截圖：
