abstrait：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html基礎(chǔ)標(biāo)簽</title> <style type="text/css"> h1 { background:&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html基礎(chǔ)標(biāo)簽</title>
<style type="text/css">
h1 {
background: red;
height: 80px;
line-height: 80px;
text-align: center;
}
p {
text-indent: 2em;
/*em是相對(duì)單位，2em即現(xiàn)在一個(gè)字大小的兩倍*/
}
li{
list-style: none;
}
ul li:before{
content:url("images/logo.png");
margin-right: 10px;
}
ul li:after{
content:url("images/logo.png");
}
input{
width: 258px;
height: 48px;
border: 1px solid #ccc;
margin-top: 10px;
padding: 0 20px;
}
button{
background: red;
color: white;
width: 300px;
height: 50px;
margin-top: 10px;
border: none;
}
textarea{
width: 258px;
height: 48px;
border: 1px solid #ccc;
margin-top: 10px;
padding:20px;
}
select{
width: 300px;
height: 48px;
border: 1px solid #ccc;
margin-top: 10px;
padding: 0 20px;
}
table{
width: 300px;
border: 1px solid #ccc;
border-collapse: collapse;
}
td{
text-align: center;
height: 40px;
border: 1px solid #ccc;
}
th{
height: 40px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<h1>這里是H1標(biāo)簽，屬于塊元素占整行</h1>
<h2>這里是H2標(biāo)簽，屬于塊元素占整行</h2>
<h3>這里是H3標(biāo)簽，屬于塊元素占整行</h3>
<h4>這里是H4標(biāo)簽，屬于塊元素占整行</h4>
<h5>這里是H5標(biāo)簽，屬于塊元素占整行</h5>
<h6>這里是H6標(biāo)簽，屬于塊元素占整行</h6>
<em> em 標(biāo)簽告訴瀏覽器把其中的文本表示為強(qiáng)調(diào)的內(nèi)容。對(duì)于所有瀏覽器來(lái)說(shuō)，這意味著要把這段文字用斜體來(lái)顯示。如果只為顯示斜體一般不用em而用 i 標(biāo)簽取代</em><br/>
<i>i標(biāo)簽顯示為斜體</i><br/>
<del>￥399</del><span>￥289</span><br/>
<p>這是一個(gè)段落標(biāo)簽用 用樣式 text-indent:2em 來(lái)進(jìn)行縮進(jìn)功能 em是相對(duì)單位，2em即現(xiàn)在一個(gè)字大小的兩倍</p>
<pre>
清明
唐代：杜牧
清明時(shí)節(jié)雨紛紛，路上行人欲斷魂。
借問(wèn)酒家何處有，牧童遙指杏花村。
</pre>
--------------------------------------------------------------------------------------------------
<!-- 有序排序 -->
<ol>
<li>PHP</li>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ol>
<!-- 無(wú)序排序 -->
<ul>
<li>SQL</li>
<li>MySQL</li>
<li>Redis</li>
</ul>
----------------------------------------------------------------------------------------------------
<form method="POST" action="" enctype="multipart/form-data">
<input type="text" placeholder="請(qǐng)輸入賬號(hào)" name="name"><br/>
<input type="password" placeholder="請(qǐng)輸入密碼" name="name"><br/>
<textarea name="content" placeholder="請(qǐng)輸入內(nèi)容"></textarea><br/>
<select name="type">
<option value="1">文本</option>
<option value="2">圖片</option>
</select><br/>
<button>提交</button>
</form>
----------------------------------------------------------------------------------------------------
<table>
<caption><h3>表頭</h3></caption>
<tr>
<th>服務(wù)器語(yǔ)言</th>
<th>JS框架</th>
<th>Linux系統(tǒng)</th>
<th>綜合</th>
</tr>
<tr>
<td>php</td>
<td>jquery</td>
<td>centos</td>
<td rowspan="2">學(xué)習(xí)</td>
</tr>
<tr>
<td>java</td>
<td>vue</td>
<td>ubuntu</td>
</tr>
</table>
</body>
</html>
Professeur correcteur：韋小寶Temps de correction：2019-02-16 11:18:45
Résumé du professeur：不錯(cuò) 寫(xiě)的很詳細(xì) 前期的學(xué)習(xí)HTML常用標(biāo)簽一定要多練習(xí) 這樣才更容易掌握