前端開發(fā)培訓(xùn)ppt

1、HTMLHTML基礎(chǔ)培訓(xùn)基礎(chǔ)培訓(xùn) 主講：張寧主講：張寧u 推薦工具推薦工具uu HTMLHTML語言語言概述概述uu HTMLHTML基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)uu 編輯最常用到的幾個(gè)標(biāo)簽編輯最常用到的幾個(gè)標(biāo)簽uu HTML HTML和和SEOSEO優(yōu)化優(yōu)化 培訓(xùn)主要內(nèi)容 頁面排版、制作：頁面排版、制作：Dreamweaver Dreamweaver 圖片切圖、修改：圖片切圖、修改：PhotoshopPhotoshop推薦工具HTML語言概述HTML 是用來描述網(wǎng)頁的一種語言。HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language) 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag

2、) HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁 關(guān)于html基礎(chǔ)知識(shí)一一、標(biāo)準(zhǔn)規(guī)范的網(wǎng)頁代碼標(biāo)準(zhǔn)規(guī)范的網(wǎng)頁代碼結(jié)構(gòu)結(jié)構(gòu) 另外：同一網(wǎng)頁中 、 、 、 只可以使用一次。 一般改動(dòng)頁面只是在body中，如果頁面中再次或多次出現(xiàn) 等標(biāo)記，多次使用帶來不可預(yù)知的錯(cuò)誤，主要取決于瀏覽器的兼容性。關(guān)于html基礎(chǔ)知識(shí)二、二、htmlhtml標(biāo)簽缺失或多余標(biāo)簽缺失或多余一般網(wǎng)頁的html都用小寫小寫形式（所用符號(hào)都為半角，即英文狀態(tài)下），不使用大寫形式，這樣對(duì)區(qū)分大小寫的語言與更好的兼容性。htmlhtml語法中以語法中以“”開始，以開始，以“”結(jié)束，缺一不可結(jié)束，缺一不可。標(biāo)記html的定義符號(hào)，通常都是成對(duì)出現(xiàn)的

3、，如：，如果只有而沒有相應(yīng)的，叫做標(biāo)簽未閉合。除了個(gè)別單標(biāo)簽外，都是不允許的，會(huì)導(dǎo)致網(wǎng)頁結(jié)構(gòu)的錯(cuò)亂。常用的單標(biāo)簽：、關(guān)于html基礎(chǔ)知識(shí)三、語法格式參考三、語法格式參考注釋： 不會(huì)呈現(xiàn)在網(wǎng)頁里，注釋是為了代碼維護(hù)方便屬性：， 色彩值要加#，例如： 等等頁面片： html常用標(biāo)簽 元素出現(xiàn)在文檔的開頭部分。 與之間的內(nèi)容不會(huì)在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。標(biāo)簽 定義HTML文檔的標(biāo)題。 與之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄。 標(biāo)題獨(dú)特，利于搜索引擎快速收錄標(biāo)題獨(dú)特，利于搜索引擎快速收錄 每一個(gè)網(wǎng)頁的標(biāo)題

4、標(biāo)簽盡量不同，這樣才會(huì)讓搜索引擎可以收錄你網(wǎng)站的更多網(wǎng)頁。 標(biāo)題標(biāo)簽字?jǐn)?shù)不要太長(zhǎng)標(biāo)題標(biāo)簽字?jǐn)?shù)不要太長(zhǎng)。 一般來說，搜索引擎只考慮標(biāo)題中有限的字?jǐn)?shù)，比如前10個(gè)字或前15個(gè)字。要盡量把關(guān)鍵字放在標(biāo)題的前面，這樣更容易讓搜索引擎搜索到標(biāo)簽標(biāo)簽 元素下面可以插入很多很有用的元素屬性。下面介紹兩種： 用來標(biāo)記搜索引擎在搜索你的頁面時(shí)所取出的關(guān)鍵詞。 用來標(biāo)記頁面內(nèi)容摘要。標(biāo)簽標(biāo)簽Keywords：確定幾個(gè)核心關(guān)鍵詞及組合，關(guān)鍵詞以3-5個(gè)為宜，最好不要超過15個(gè)字，以避免堆砌之嫌。Description：描述是網(wǎng)站的簡(jiǎn)短說明，含有關(guān)鍵詞。 標(biāo)簽定義了HTML文檔的主體部分。 在與之間，通常都會(huì)有很多其

5、它元素；這些元素和元素屬性構(gòu)成HTML文檔的主體部分標(biāo)簽 定義和用法定義和用法 標(biāo)簽可定義錨。錨 (anchor) 有兩種用法： 1、通過使用 href 屬性，創(chuàng)建指向另外一個(gè)文檔的鏈接（或超鏈接） 2、 通過使用 name 或 id 屬性，創(chuàng)建一個(gè)文檔內(nèi)部的書簽（也就是說，可以創(chuàng)建指向文檔片段的鏈接） 元素最重要的屬性是元素最重要的屬性是 href 屬性，它指定鏈接的屬性，它指定鏈接的目標(biāo)目標(biāo)。標(biāo)簽 實(shí)例實(shí)例1 指向指向大浙網(wǎng)的超鏈接大浙網(wǎng)的超鏈接：大浙網(wǎng)大浙網(wǎng) 實(shí)例實(shí)例2 為為圖片添加超鏈接：圖片添加超鏈接： 標(biāo)簽 定義和用法定義和用法 img 元素向網(wǎng)頁中嵌入一幅圖像。 標(biāo)簽有兩個(gè)常用的屬性：src 屬性 和 alt 屬性 實(shí)例實(shí)例 src屬性用于定義引入圖像的地址； alt屬性用于定于圖像無法顯示狀態(tài)時(shí)的所顯示的文本。標(biāo)簽標(biāo)簽 定義和定義和用法用法 標(biāo)簽定義段落。 This is s