~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div>標簽內容</div>
<div>標簽內容</div>
</body>
</html>
~~~
<br>
## 聲明文檔類型
~~~
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!-- 代表這是html4文檔 -->
<!DOCTYPE HTML>
<!-- 代表這是html5文檔 -->
~~~
<br>
## 標簽類型
* 雙標簽
* 單標簽
<br>
## 標簽嵌套結構
* 父子級嵌套
* 兄弟級并列
<br>
## div標簽
~~~
<div>標簽內容</div>
<!-- 代表一塊內容 -->
~~~
* div是獨占一行的
<br>
<br>
- 01-青銅-HTML5+CSS3網頁開發
- 01-代碼初識
- 01-前端開發工程師
- 02-前端開發環境與軟件
- 03-什么是語言
- 04-頁面結構
- 05-常用標簽
- 06-樣式表
- 07-常見樣式與選擇器
- 01-高寬+邊框
- 02-練習
- 03-背景
- 04-練習
- 05-文字與文本
- 06-選擇器
- 07-練習
- 08-標簽類型
- 09-盒子模型
- 01-內邊距
- 02-計算方法
- 03-外邊距
- 04-盒子模型計算方式切換
- 05-overflow
- 06-練習
- 10-超鏈接
- 11-練習
- 02-css基礎2
- 01-選擇器優先級
- 02-標簽樣式初始化
- 03-一個標簽多個類
- 04-指針樣式
- 05-編碼規范
- 06-練習
- 03-浮動
- 01-練習
- 04-定位
- 01-練習
- 05-其他樣式
- 01-透明與隱藏
- 02-其他
- 03-練習
- 06-表格與表單
- 01-表格
- 02-表單
- 07-PC端整站開發
- 08-移動端開發與適配
- 09-響應式
- 10-git
- 01-html+css(做頁面)
- 前端打怪之路