abstrak：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html基礎標簽</title> <style type="text/css"> h1 { background:&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html基礎標簽</title>
<style type="text/css">
h1 {
background: red;
height: 80px;
line-height: 80px;
text-align: center;
}
p {
text-indent: 2em;
/*em是相對單位，2em即現在一個字大小的兩倍*/
}
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標簽，屬于塊元素占整行</h1>
<h2>這里是H2標簽，屬于塊元素占整行</h2>
<h3>這里是H3標簽，屬于塊元素占整行</h3>
<h4>這里是H4標簽，屬于塊元素占整行</h4>
<h5>這里是H5標簽，屬于塊元素占整行</h5>
<h6>這里是H6標簽，屬于塊元素占整行</h6>
<em> em 標簽告訴瀏覽器把其中的文本表示為強調的內容。對于所有瀏覽器來說，這意味著要把這段文字用斜體來顯示。如果只為顯示斜體一般不用em而用 i 標簽取代</em><br/>
<i>i標簽顯示為斜體</i><br/>
<del>￥399</del><span>￥289</span><br/>
<p>這是一個段落標簽用 用樣式 text-indent:2em 來進行縮進功能 em是相對單位，2em即現在一個字大小的兩倍</p>
<pre>
清明
唐代：杜牧
清明時節(jié)雨紛紛，路上行人欲斷魂。
借問酒家何處有，牧童遙指杏花村。
</pre>
--------------------------------------------------------------------------------------------------
<!-- 有序排序 -->
<ol>
<li>PHP</li>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
</ol>
<!-- 無序排序 -->
<ul>
<li>SQL</li>
<li>MySQL</li>
<li>Redis</li>
</ul>
----------------------------------------------------------------------------------------------------
<form method="POST" action="" enctype="multipart/form-data">
<input type="text" placeholder="請輸入賬號" name="name"><br/>
<input type="password" placeholder="請輸入密碼" name="name"><br/>
<textarea name="content" placeholder="請輸入內容"></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>服務器語言</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">學習</td>
</tr>
<tr>
<td>java</td>
<td>vue</td>
<td>ubuntu</td>
</tr>
</table>
</body>
</html>
Guru membetulkan：韋小寶Masa pembetulan：2019-02-16 11:18:45
Rumusan guru：不錯 寫的很詳細 前期的學習HTML常用標簽一定要多練習 這樣才更容易掌握