abstrakt：<!DOCTYPE html><!-- html超文本標記語言，meta標簽設置編碼格式，防止中文亂碼 --><html><head><meta charset="UTF-8"><title>網頁頭部</title></head><body><!-- HT
<!DOCTYPE html>
<!-- html超文本標記語言，meta標簽設置編碼格式，防止中文亂碼 -->
<html>
<head>
<meta charset="UTF-8">
<title>網頁頭部</title>
</head>
<body>
<!--
HTML基礎語法:
(單標簽、雙標簽、塊級標簽、行內元素)
單雙標簽其實就是HTML文檔中標簽的書寫格式，頁面中最常見的是雙標簽；
單標簽就是只有一個標簽，也就是一個空元素： meta、 img、 hr、 br
雙標簽有開始標簽和結束標簽
塊級元素：獨占一行，對寬高的屬性值生效，如果不給寬度，塊級元素就默認瀏覽器的寬度，（即就是100%寬）
例如：div p ul h1~h6 ......
行內元素：對寬高屬性值不生效，完全靠內容撐開寬高，可以跟其他標簽存在一行
例如：span b strong em a img input ......
行內塊元素：結合行內和塊級元素的特點，不僅對寬高的屬性值生效還可以跟多個標簽存在一行
-->
<div style="background: red; height: 300px;width: 400px;">php中文網</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>