html 入門 "地表最強"幹貨 你值得擁有
# 入門
## 一.前端三劍客
#### html
```
完成頁面架構的搭建
文件: .html
```
#### css
```
完成頁面樣式布局(裝修)
文件: .css
```
#### js
```
完成頁面功能(特效/渲染/用戶交互/數據刷新)
文件: .js
```
## 二.編輯器
- 安裝
```
官網傻瓜式安裝
```
- 插件
```
插件管理器 ctrl+~ 安裝 package control
使用:
安裝: ctrl+shift+p =>package: install ** => 搜索插件名
卸載: ctrl+shift+p =>package: remove ** => 選取插件名
退出: esc
```
## 三.第一個頁面
```python
# html三個組成部分
# 標簽: <字母開頭 + 合法字符(數字|-)> => (標簽具有作用域,有頭有尾)
# 指令: <!開頭> => <!doctype> <!-- -->
# `: &; 包裹 => 特殊的字母 | #十六進制數
```
```html
<!doctype html>
<!-- 頁面根 -->
<html>
<!-- 後勤 -->
<head>
<meta charset="utf-8" />
<title>first page</title>
</head>
<!-- 顯示內容 -->
<body>
</body>
</html>
```
## 四.基本標簽
```
// 最基本
div => 搭頁面架構
span => 搭文本架構
// 換行顯示
h1~h6 => 標題, h1有且只有一個,作為頁面總標題
p => 段落
// 同行顯示
文本類標簽
i,em => 斜體
b,strong => 加粗
del | ins | sup | sub
// 組合
table>tr>th+td
form>input
// 功能
img 圖片 | a 超鏈接 | hr 分割線 | br 換行
```
## 五.標簽分類
```
單雙標簽
單:主功能
雙:主內容(具有作用域)
行塊標簽(display)
行:同行顯示
塊:換行顯示
組合標簽
自定義標簽
```
html 入門 "地表最強"幹貨 你值得擁有