臺(tái)州做網(wǎng)站的公司seo優(yōu)化實(shí)訓(xùn)總結(jié)
目錄
一、HTML介紹
1、Web前端三大核心技術(shù)?
2、什么是HTML?
3、Html標(biāo)簽
4、標(biāo)簽屬性?
二、HTML骨架標(biāo)簽
三、編寫HTML工具
四、常用標(biāo)簽?
1、注釋?
2、標(biāo)題標(biāo)簽?
3、段落標(biāo)簽?
4、超鏈接標(biāo)簽
5、圖片標(biāo)簽
6、換行與空格?
7、布局標(biāo)簽?
8、列表標(biāo)簽?
9、表單標(biāo)簽?
五、總結(jié)?
一、HTML介紹
1、Web前端三大核心技術(shù)?
HTML：負(fù)責(zé)網(wǎng)頁(yè)的架構(gòu)
CSS：負(fù)責(zé)網(wǎng)頁(yè)的樣式、美化
JS：負(fù)責(zé)網(wǎng)頁(yè)的行動(dòng)
2、什么是HTML?
HTML是用來描述網(wǎng)頁(yè)的一種語(yǔ)言。
3、Html標(biāo)簽
單標(biāo)簽<html>
雙標(biāo)簽<h>內(nèi)容</h>?
4、標(biāo)簽屬性?
屬性格式：屬性名=“屬性值” <a href="http://www.jd.com">京東</a>?
二、HTML骨架標(biāo)簽
html：根標(biāo)簽?，所有的內(nèi)容都應(yīng)該放到html標(biāo)簽中
head：頭部標(biāo)簽
body：身體標(biāo)簽（代碼編寫區(qū)域）
?
三、編寫HTML工具
四、常用標(biāo)簽?
1、注釋?
作用：描述的內(nèi)容不會(huì)被瀏覽器執(zhí)行
說明：解釋代碼的含義給程序員看。
國(guó)際通用快捷鍵：Ctrl+/? <!-- 注釋區(qū)域 -->
?測(cè)試點(diǎn)：前端頁(yè)面發(fā)布上線之前，需要檢查（描述不恰當(dāng)?shù)奈淖殖霈F(xiàn)）所有注釋或去除注釋。
2、標(biāo)題標(biāo)簽?
說明：HMTL標(biāo)題是 通過<h1>—<h6>等標(biāo)簽進(jìn)行定義
示例：
?
3、段落標(biāo)簽?
說明：HTML段落是通過<p>標(biāo)簽進(jìn)行定義的
?示例：
4、超鏈接標(biāo)簽
說明：超鏈接是通過<a>標(biāo)簽進(jìn)行定義的，點(diǎn)擊文本跳轉(zhuǎn)指定頁(yè)面
示例：???????
屬性：href：跳轉(zhuǎn)地址????????????????target：新窗口打開?
5、圖片標(biāo)簽
說明：網(wǎng)頁(yè)中插入圖片就要使用圖片標(biāo)簽，HTML圖片是通過<img>標(biāo)簽進(jìn)行定義的
測(cè)試點(diǎn)：必須有title屬性（懸停和未加載顯示）
示例：
屬性：
? ? ? ? src：圖片路徑???????? title：光標(biāo)懸停顯示文字????????? alt：圖片未加載時(shí)顯示文字
? ? ? ? width：圖片寬度????????height：圖片高度
6、換行與空格?
換行：<br/>? ? ? ? 空格：%nbsp；
示例：
?
7、布局標(biāo)簽?
說明：設(shè)置頁(yè)面布局，便于排版，常用（div+span）
示例：
8、列表標(biāo)簽?
說明：列表標(biāo)簽常用 li 元素（分為：有序和無序）
示例：
?style：js標(biāo)簽? ? ? ? script：js標(biāo)簽? ? ? ? link：外部加載css標(biāo)簽
9、表單標(biāo)簽?
說明：頁(yè)面提交輸入信息需要使用表單標(biāo)簽<from>?
按鈕測(cè)試點(diǎn)：通用使用value進(jìn)行賦值
屬性：
? ? ? ? 文本框：<input type="text" />
? ? ? ? 密碼框：<input type="password" />
? ? ? ? 單選框：<input type="radio" name="1" />男? ? <input type="radio" name="1"/>女
? ? ? ? 復(fù)選框：<input type="checkbox" />
? ? ? ? 提交按鈕：<input type="submit"/>
? ? ? ? 清空按鈕：?<input type="reset"/>
? ? ? ? 普通按鈕：<input type="button"/>
示例：
五、總結(jié)?
