前段基礎課程(基礎標簽屬性)
2017年7月21日 課堂筆記 孫小強 # 課程
htlm+css Javascript Node-js vue H5新特性 微信開發
技術點 Html * 定義頁面結構 +css * 定義頁面樣式 javascript * 定義頁面邏輯
# 準備
### 編輯器 * sublime * notepad++ * vim * atom * dreamweaver * webstorm(集成環境)
### 瀏覽器
* 主流瀏覽器 *chrome 內核 webkit *safari 內核 webkit *firfox 內核 gecko *i.e 內核trident * 殼瀏覽器
*歐朋（諾基亞的瀏覽器） 內核webkit *360安全瀏覽器 內核webkit和trident（雙內核瀏覽器） *360極速瀏覽器 內核webkit和trident（雙內核瀏覽器） *UC *獵豹 *搜狗 *QQ *百度瀏覽器 *淘寶瀏覽器
### 字符集編碼 *ascii 碼 *漢字編碼 *GB2312 *GBK *國際通用編碼 *utf-8
###計算機存儲單位 *字節 B （bvte） *位（比特） b （bit） *1b = 8 bit
# 關於html
### 什麽是html * 超文本標記語言（ml超文本標記語言） * http協議（超文本傳輸協議）
### HTML的發展歷史
*最新版本 html5 *之前的版本 xhtml1.0 *再之前才是html4
#html 基本語法
### html標簽
* <h1> <／h1>雙標簽 ‘雙標簽<標簽名>‘或’<／標簽名‘> * <img src=“”>單標簽。單標簽‘<標簽名>內容</標簽名>“ * 標簽也叫元素 ### 屬性 * 屬性屬於標簽 * 一個標簽可以有很多個屬性，每個屬性有不同的意義 * 屬性值最好寫在雙引號中
### 代碼規範
* 縮進 Tab或者4個空格
#html 結構標簽
### 註釋 “<!- -註釋內容- ->“
# html 主體結構標簽
### 文檔聲明 *“<doctype html>”
### html 標簽 * “<html><／html>”
### head 標簽 * “<head></head>” *裏面會包含 諸如頁面標題，搜索引擎信息等相關的標簽
### body 標簽 *”<body></body>” * 頁面主體內容 * 屬性 *background *bgcolor *text *link 超鏈接默認顏色 *vlink 點擊過後的顏色 *alink 正在點擊的顏色
# head 頭部標簽
### 標簽 *“<title></title>”定義標題 *”<meat ／>” *”<link href=“”></link>”
### meta 功能
*定義字符集編碼 *“<meta charset=“utf-8”>” *”<meta http-equiv=“content-tbye” content=“text/html;charset=utf-8”>” *刷新或跳轉 *“<meta http-equiv=“refresh” content=“3”>” *”<meta http-equiv=“refresh” content=“3;url=http://unclealan.cn”>” *設置關鍵字 *”<meta name=“keywords” content=“每個詞用英文，隔開”>” *設置頁面描述 *“<meta name=“description” content=“80字之內一段話”> *###定義網站標題圖標 *“<link rel=“shortcut icon” href=“圖片地址.ico”>”
# 格式排版標簽
### 換行標簽br * “<br />” ### 分割線 hr *“<hr />” *語意：段落與段落之間的分割 *屬性 *width *size *align *noshade
###段落標簽 p *”<p></p>” *語意：表示段落 *屬性 *align： left/right/center
###原樣輸出標簽 pre * “<pre></pre>” *語意： 需要原格式輸出 顯示代碼
###標題標簽 hr
* “<h1></h1>” 一級標題 * “<h2></h2>” 二級標題 *. “<h3></h3>” 三級標題 *. “<h4></h4>” 四級標題 *. “<h5></h5>” 五級標題 * “<h6></h6>” 六級標題
### 局中標簽 * “<center></center>” * 不建議使用
前段基礎課程(基礎標簽屬性)