網頁結構
<!--根標簽-->
<html>
<!--頭部-->
<head>
<!-- http-equiv：模擬http協議的文件頭原信息，主要目的是服務器向客戶端返回時，用什么格式顯示。
Content-type：內容類型。
Content：詳細內容類型介紹。Text/html：網頁是text格式，html是文本中的小格式。
Charset：字符集，主要控制漢字如何顯示。
Utf-8：多國語言編碼，什么國家的語言都可以正常顯示。 -->
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<!--網頁標題-->
<title>我的第一個網頁</title>
</head>
<!--身體-->
<body>
hello wrold!你好世界！
</body>
</html>
盒子模型
任何一個標簽都是一個盒子,也就是任何一個標簽都有以下四個屬性：
四個屬性 :margin border padding content
對于span等 行內標簽 是包裹內容的 也就是padding是0px
每一個標簽都是一個盒子
層級結構：外邊距|邊界|內邊距|內容
標簽格式
雙邊標記
<標簽屬性1=“值1”屬性2=“值2”>內容</標簽>
單邊標記
<標簽屬性1=“值1”屬性2=“值2”>
標簽分類
塊級標簽
塊級標簽:盒子的寬等于整行的寬度
獨占一行，可設寬高
標題:h1-h6
橫線:hr
列表:ul ol li
段落:p
表格:table（tr th td）
容器:div
行內標簽
行內標簽:盒子的寬高 默認包裹內容
多占一行，不可設寬高
換行:br
超鏈接:a
圖像:img
容器:span
行內-塊級標簽
行內-塊級標簽:盒子的寬高 有默認的高度
多占一行，可設寬高
按鈕:button
表單:form (input)
標簽屬性
常見通用屬性
width="200" height="200"
align="center"
border="5"
bordercolor="blue"
bgColor="#99cc33"
background="images/bg.jpg"
改變標簽的類型
CSS中有個display屬性，能修改標簽的顯示類型
none：隱藏標簽
block：讓標簽變為塊級標簽
inline：讓標簽變為行內標簽
inline-block：讓標簽變為行內-塊級標簽（內聯-塊級標簽）
HTML5新增標簽
HTML5新增了27個標簽元素,廢棄了16個標簽元素,主要包括結構性標簽、級塊性標簽、行內語義性標簽、交互性標簽
進度：progress
視頻：video
音頻：radio
文章：article
文章頭部：header
區域章節表述 :section
文章底部：footer
導航鏈接：nav
標簽居中問題
1、行內標簽/行內-塊級標簽 設置父類的屬性 水平居中 text-align: center;
垂直居中 line-height 等于高度
2、塊級標簽：設置自己的屬性 水平居中 margin: 0 auto;
設置父類的屬性 垂直居中 只能垂直充滿居中 不能設置高度居中
