abstract：<!DOCTYPE html><!-- html超文本標(biāo)記語(yǔ)言，meta標(biāo)簽設(shè)置編碼格式，防止中文亂碼 --><html><head><meta charset="UTF-8"><title>網(wǎng)頁(yè)頭部</title></head><body><!-- HT
<!DOCTYPE html>
<!-- html超文本標(biāo)記語(yǔ)言，meta標(biāo)簽設(shè)置編碼格式，防止中文亂碼 -->
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁(yè)頭部</title>
</head>
<body>
<!--
HTML基礎(chǔ)語(yǔ)法:
(單標(biāo)簽、雙標(biāo)簽、塊級(jí)標(biāo)簽、行內(nèi)元素)
單雙標(biāo)簽其實(shí)就是HTML文檔中標(biāo)簽的書寫格式，頁(yè)面中最常見(jiàn)的是雙標(biāo)簽；
單標(biāo)簽就是只有一個(gè)標(biāo)簽，也就是一個(gè)空元素： meta、 img、 hr、 br
雙標(biāo)簽有開始標(biāo)簽和結(jié)束標(biāo)簽
塊級(jí)元素：獨(dú)占一行，對(duì)寬高的屬性值生效，如果不給寬度，塊級(jí)元素就默認(rèn)瀏覽器的寬度，（即就是100%寬）
例如：div p ul h1~h6 ......
行內(nèi)元素：對(duì)寬高屬性值不生效，完全靠?jī)?nèi)容撐開寬高，可以跟其他標(biāo)簽存在一行
例如：span b strong em a img input ......
行內(nèi)塊元素：結(jié)合行內(nèi)和塊級(jí)元素的特點(diǎn)，不僅對(duì)寬高的屬性值生效還可以跟多個(gè)標(biāo)簽存在一行
-->
<div style="background: red; height: 300px;width: 400px;">php中文網(wǎng)</div>
<p style="background: blue;">歡迎你</p>
<span style="background: blue;height: 300px;width: 400px;">我是滅絕</span><b>我是滅絕</b>
<img src="images/2.png" style="height: 300px;width: 400px;" alt="">
</body>
</html>