1、前端開發(fā)最核心技術
（1）HTML
HTML纵搁，全稱“Hyper Text Markup Language（超文本標記語言）”往踢，簡單來說，網頁就是用HTML語言制作的利职。HTML是一門描述性語言瘦癌，是一門非常容易入門的語言讯私。
（2）CSS
CSS，全稱“（層疊樣式表）”楞黄。以后我們在別的地方看到“層疊樣式表”抡驼、“CSS樣式”致盟，指的就是CSS尤慰。
（3）JavaScript
JavaScript是一門腳本語言
2伟端、前端開發(fā)其他技術
前端技術最核心的是HTML匪煌、CSS和JavaScript，但是對于一個真正的前端工程師來說霜医，哪怕你精通這三個肴敛，你也不能稱為一個真正的“前端工程師”吗购。因為前端技術除了HTML捻勉、CSS和JavaScript這三種，還需要學習Ajax丰辣、SEO等禽捆。
（1）Ajax
Ajax飘哨，即“Asynchronous Javascript And XML（異步JavaScript和XML）”芽隆，是指一種創(chuàng)建交互式網頁應用的網頁開發(fā)技術。
通過在后臺與服務器進行少量數據交換牙躺，Ajax可以使網頁實現異步更新孽拷。這意味著可以在不重新加載整個網頁的情況下半抱，對網頁的某部分進行更新膜宋。傳統(tǒng)的網頁（不使用Ajax）如果需要更新內容秋茫，必須重載整個頁面乃秀。
Ajax是前后端交互的技術跺讯，主要實現在前端。
（2）SEO
SEO萨咕，即“Search Engine Optimization（搜索引擎優(yōu)化）”火本。SEO優(yōu)化是專門利用搜索引擎的搜索規(guī)則來提高目前網站在有關搜索引擎內的自然排名的方式（國內常見的搜索引擎有百度钙畔、360、搜狗等）簿盅。
3桨醋、HTML基本結構
4喜最、HTML的基本標簽
(1)HTML標簽
整個網頁是從<html>這里開始的庄蹋，然后到</html>結束限书。
(2)head標簽
head標簽代表頁面的“頭”，定義一些特殊內容能真，這些內容往往都是“不可見內容”（在瀏覽器不可見）。
(3)body標簽
body標簽代表頁面的“身”误澳，定義網頁展示內容忆谓，這些內容往往都是“可見內容”（在瀏覽器可見）踱承。
后續(xù)課程講解的標簽都是在<body>標簽內部的各種標簽茎活。
5、段落與文字
(一)盾饮、段落標簽
(1)懒熙、段落與文字標簽
| 標簽 | 語義 | 說明 |
|---|---|---|
| <h1>~<h6> | header | 標題 |
| <p> | paragraph | 段落 |
| <br > | break | 換行 |
| <hr > | horizontal rule | 水平線 |
| <div> | division | 分割（塊元素） |
| <span> | span | 區(qū)域（行內元素） |
塊標簽和行標簽:
塊標簽
1.獨占一行
2.可以設置寬高
3.如果不設置寬高 寬度=父盒子寬度
行標簽:
1.在其父盒子寬度足夠的情況下 在一行排列
2.不可以設置寬高
3.寬高由內容撐開
4.行標簽不能包括塊標簽
(2)徘钥、文本格式化標簽
| 標簽 | 語義 | 說明 |
|---|---|---|
| <strong> | strong（加強） | 加粗 |
| <em> | emphasized（強調） | 斜體 |
| <cite> | cite（引用） | 斜體 |
| <sup > | superscripted（上標） | 上標 |
| <sub > | subscripted（下標） | 下標 |
(二)呈础、自閉合標簽
HTML標簽分為2種橱健，一種是“一般標簽”畴博，另外一種是“自閉合標簽”蓝仲。一般標簽有開始符號和結束符號，自閉合標簽只有開始符號沒有結束符號亮隙。
一般標簽可以在開始符號和結束符號之間插入其他標簽或文字垢夹。
自閉合標簽由于沒有結束符號，不能插入其他標簽或文字犀盟，只能定義自身的屬性蝇狼。
(1)迅耘、一般標簽
例：<body></body>
(2)、自閉合標簽
例：<br />纽哥、<hr/ >
<meta charset="utf-8">
(三)選擇器
（1）ID選擇器 #ID
（2）類選擇器 .class
（3）標簽選擇器 標簽名 例 div
（4）通配符選擇器 *
（5）可以代表所有元素 給所有元素設置公共樣式 通常用來代碼初始化
（6）群組選擇器 選擇器春塌，選擇器，選擇器{}
（7）組合選擇器 選擇器選擇器
（8）子代選擇器 父類選擇器 > 子代選擇器
（9）選擇第一個選擇器 的直屬子標簽
（10）父代選擇器 父類選擇器 子孫選擇器{}
選擇器的優(yōu)先級:ID>class>標簽
在前端代碼規(guī)范中 ID 不能設置樣式
樣式編譯規(guī)則
優(yōu)先級 簇捍！import>行間樣式>ID>class>標簽
由上到下編譯 在后面寫的樣式 會 覆蓋前面的樣式
誰最精準 誰生效
(四)樣式的編寫方式
1. 行間樣式
在標簽內部使用 使用style 屬性
2. 內部樣式
可以寫在標簽里面的任何地方
在前端代碼規(guī)范中一般寫在標簽里面 的下面
3. 外聯樣式
新建一個 .css文件
然后通過<link>標簽引入 .css
<link rel="stylesheet" href="">
在href 屬性里面 設置 .css文件的路徑
在前端代碼規(guī)范中一般寫在標簽里面 的下面
通常情況 .css文件中寫的是哪個頁面的樣式 命名時名字與該html文件的命名相同
例如 index.css index.html
style:
（1）在標簽內部寫（行間樣式） 叫屬性
（2）單獨使用雙箭頭寫出叫標簽
（3）功能 聲明 此為css代碼 需要用css編譯規(guī)則
（4）文件里面不用寫style 因為.css 文件 本來就執(zhí)行 css編譯規(guī)則
樣式使用：
一般情況不使用行間樣式簡化html界面
當代碼少于100行時 可以使用 內部樣式
當代碼大于100行時 使用外聯樣式
(五)命名規(guī)則
（1）由字母 數字 下劃線組成
（2）不能使用中文（不管是文件夾 還是 文件）
（3）必須字母開頭不能使用數字或者下劃線開頭
（4）見名知義
（5）多個英文單詞組成的名字
（6）地中海命名 .text_box 中間用下劃線鏈接
（7）駝峰命名 .textTop 后一個單詞的首字母大寫
（8）對于項目來說：
所有圖片都必須在image/img/images文件夾下
一個項目的首頁的相關文件必須用 index來命名 index.html index.css index.js
(六)標簽
1摔笤、塊標簽
1. div 可以嵌套各種標簽
2. p 一般用來承載文字不能嵌套塊標簽
3. ol 有序列表 默認每一行前面有編號
4. ul 無序列表 默認每一行前面有小點
5. li 必須搭配ol/ul標簽使用 不能單獨使用
6. h1~h6 一般用來承載網站或者欄目名字
h1 一般用來寫網站名字或者logo 一個頁面只存在一個h1
一般來說網站的名字和logo都是有鏈接的 所以 h1里面應包含一個a
2、行標簽
（1）span 用來承載文字
（2）img 用來寫圖片
（3）a 鏈接
（4）外部鏈接[](https://links.jianshu.com/go?to=.%2F)
（5）打電話[](https://links.jianshu.com/go?to=tel%3A10086)
（6）錨點鏈接
給目標盒子（要跳轉的位置） 設置ID
（7）target新頁面打開方式
（8）target=“_blank”可以在新頁面打開
3垦写、 特殊標簽
（1）hr 下劃線
（2）br 換行
（3）link 鏈接
（4）q 加雙引號
