web開(kāi)發(fā)之Html5+Css3第一章:HTML常用標簽
一、 HTML是什么? HTML5又是什么?
HTML是什么?HTML是目前最流行的網(wǎng)頁(yè)制作語(yǔ)言。HTML(Hypertext Markup Language)即 超文本標記語(yǔ)言,是用于描述網(wǎng)頁(yè)文檔的一種標記語(yǔ)言。網(wǎng)頁(yè)的本質(zhì)就是超級文本標記 語(yǔ)言,通過(guò)結合使用其他的Web技術(shù)可以創(chuàng )造出功能強大的網(wǎng)頁(yè)。
HTML5是近十年來(lái)Web開(kāi)發(fā)標準最巨大的飛躍。和以前的版本不同,HTML 5并非僅僅用來(lái)表示 Web內容,它的新使命是將Web帶入一個(gè)成熟的應用平臺,在HTML 5平臺上,視頻, 音頻,圖像,動(dòng)畫(huà),canvas/SVG 地圖技術(shù),以及同電腦的交互都被標準化。
二、 了解html css javascript
(1)、HTML : “超”文本 標記“語(yǔ)言” ,結構(HyperText Markup Language)——網(wǎng)頁(yè)基礎,結構
超文本:超級文本
標記:
語(yǔ)言:溝通交流(打交道)的工具
雙標簽:html/html body/body
單標簽:meta / img /
(2)、CSS:層疊樣式表(Cascading Style Sheets)——修飾、美化網(wǎng)頁(yè) (化妝師)
1.#box{
2. width : 200px;
3. height : 200px;
4. border:8px solid red;
5.
6.}
(3)、js:腳本語(yǔ)言 (Javascript)(行為)——增加動(dòng)態(tài)交互功能 (魔術(shù)師)
1.div onclick=" this.style.width = '100px'; this.style.height = '500px'; "/div
以上css、js不是讓大家馬上學(xué)習,而是讓大家了解,知道什么是css、js
三 常用標簽
div ——————塊
img ——————圖片(單標簽)
a ———————鏈接、下載、錨點(diǎn)
h1-h6—————-標題
p ———————段落
span —————-區分樣式
ul——————–無(wú)序列表
ol——————–有序列表
li————————-列表項
dl ——————-定義列表
dt ————————-定義列表標題
dd ————————定義列表項
i ———————定義斜體文字
strong————–強調(粗體)
em ——————強調(斜體)trong 標簽和 em標簽一樣,用于強調文本,但它強調的程度更強一些。
br ———-換行
hr——————定義水平線(xiàn)
四、img圖片標簽詳解
img original="文件路徑" alt="圖片名"/
img屬性
src -定義圖片路徑
width -圖片寬度,如果只給了width 沒(méi)給height,height會(huì )自等比例縮放
height-圖片高度,如果只給了height 沒(méi)給width,width會(huì )自等比例縮放
alt -圖片名字 給百度搜索引擎抓取使用(SEO)
title -標題給用戶(hù)提示信息(有利于用戶(hù)體驗)
五、a標簽
a標簽功能: 鏈接 | 下載 | 錨點(diǎn)
鏈接: href='url' 中url是一個(gè)網(wǎng)頁(yè)地址
相對 URL - 指向站點(diǎn)內的某個(gè)文件(href=”./index.html”)
021yin.com”)
下載:href=’url’中url鏈接地址一個(gè)軟件就會(huì )下載
錨點(diǎn):href=’#ID名’ 錨點(diǎn)
target 鏈接打開(kāi)方式
_blank 新窗口(空白頁(yè)面)
_self 當前窗口
base target="_blank" / 定義默認網(wǎng)頁(yè)打開(kāi)方式
六、路徑
相對路徑 —相對于當前 文檔位置出發(fā)(推薦使用)
絕對路徑—路徑名稱(chēng)不能出現中文
本地絕對路徑:從盤(pán)符出發(fā)
D:\a\b\c\d\6.jpg
網(wǎng)絡(luò )絕對路徑:從域名出發(fā)
注意=需要跳到上一級要../ 如果要跳兩級../../
七、代碼seo方法:
SEO : 搜索引擎優(yōu)化
一、頁(yè)面標簽語(yǔ)義化;
二、使用對SEO有利的標簽: h1/h2/h3/strong/em……
三、提高頁(yè)面關(guān)鍵詞密度;