-
- 素材大。
- 554.77 KB
- 素材授權(quán):
- 免費(fèi)下載
- 素材格式:
- .ppt
- 素材上傳:
- lipeier
- 上傳時(shí)間:
- 2019-02-01
- 素材編號(hào):
- 223334
- 素材類別:
- 課件PPT
-
素材預(yù)覽
這是html ppt,包括了什么是HTML文件?實(shí)例,HTML注釋,Html標(biāo)簽,HTML特殊字符顯示,超鏈接,特殊的鏈接,絕對(duì)路徑和相對(duì)路徑,HTML框架(Frames),排序列表,HTML表單,幾個(gè)特殊的標(biāo)簽等內(nèi)容,歡迎點(diǎn)擊下載。
html ppt是由紅軟PPT免費(fèi)下載網(wǎng)推薦的一款課件PPT類型的PowerPoint.
HTML 超文本標(biāo)記語(yǔ)言 網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)語(yǔ)言 什么是HTML文件? HTML的英文全稱是Hypertext Marked Language,中文叫做“超文本標(biāo)記語(yǔ)言”。 和一般文本的不同的是,一個(gè)HTML文件不僅包含文本內(nèi)容,還包含一些Tag,中文稱“標(biāo)記”。 一個(gè)HTML文件的后綴名是.htm或者是.html。 用文本編輯器就可以編寫HTML文件。 實(shí)例 This is my first homepage. This text is bold 這個(gè)文件的第一個(gè)Tag是,這個(gè)Tag告訴你的瀏覽器這是HTML文件的頭。文件的最后一個(gè)Tag是,表示HTML文件到此結(jié)束。 在和之間的內(nèi)容,是Head信息。Head信息是不顯示出來的,你在瀏覽器里看不到。但是這并不表示這些信息沒有用處。比如你可以在Head信息里加上一些關(guān)鍵詞,有助于搜索引擎能夠搜索到你的網(wǎng)頁(yè)。 在之間的內(nèi)容,是這個(gè)文件的標(biāo)題。你可以在瀏覽器最頂端的標(biāo)題欄看到這個(gè)標(biāo)題。 在和之間的信息,是正文。 在和之間的文字,用粗體表示。顧名思義,就是bold的意思。 HTML文件看上去和一般文本類似,但是它比一般文本多了Tag,比如,等,通過這些Tag,可以告訴瀏覽器如何顯示這個(gè)文件 HTML元素(HTML Element)用來標(biāo)記文本,表示文本的內(nèi)容。比如body, p, title就是HTML元素。 HTML元素用Tag表示,Tag以<開始,以>結(jié)束。 Tag通常是成對(duì)出現(xiàn)的,比如。起始的叫做Opening Tag,結(jié)尾的就叫做Closing Tag。 目前HTML的Tag不區(qū)分大小寫的。比如,和其實(shí)是相同的 HTML元素可以擁有屬性。屬性可以擴(kuò)展HTML元素的能力。 比如你可以使用一個(gè)bgcolor屬性,使得頁(yè)面的背景色成為紅色,就像這樣: 這個(gè)文件的第一個(gè)Tag是,這個(gè)Tag告訴你的瀏覽器這是HTML文件的頭。文件的最后一個(gè)Tag是,表示HTML文件到此結(jié)束。 在和之間的內(nèi)容,是Head信息。Head信息是不顯示出來的,你在瀏覽器里看不到。但是這并不表示這些信息沒有用處。比如你可以在Head信息里加上一些關(guān)鍵詞,有助于搜索引擎能夠搜索到你的網(wǎng)頁(yè)。 在之間的內(nèi)容,是這個(gè)文件的標(biāo)題。你可以在瀏覽器最頂端的標(biāo)題欄看到這個(gè)標(biāo)題。 在和之間的信息,是正文。 在和之間的文字,用粗體表示。顧名思義,就是bold的意思。 HTML文件看上去和一般文本類似,但是它比一般文本多了Tag,比如,等,通過這些Tag,可以告訴瀏覽器如何顯示這個(gè)文件 HTML元素(HTML Element)用來標(biāo)記文本,表示文本的內(nèi)容。比如body, p, title就是HTML元素。 HTML元素用Tag表示,Tag以<開始,以>結(jié)束。 Tag通常是成對(duì)出現(xiàn)的,比如。起始的叫做Opening Tag,結(jié)尾的就叫做Closing Tag。 目前HTML的Tag不區(qū)分大小寫的。比如,和其實(shí)是相同的 HTML元素可以擁有屬性。屬性可以擴(kuò)展HTML元素的能力。 比如你可以使用一個(gè)bgcolor屬性,使得頁(yè)面的背景色成為紅色,就像這樣: 再比如,你可以使用border這個(gè)屬性,將一個(gè)表格設(shè)成一個(gè)無邊框的表格。如下: 屬性通常由屬性名和值成對(duì)出現(xiàn),就像這樣:name="value"。上面例子中的bgcolor, border就是name,red和0就是value。屬性值一般用雙引號(hào)標(biāo)記起來。 屬性通常是附加給HTML的Opening Tag,而不是Closing Tag。 HTML注釋 在HTML文件里,你可以寫代碼注釋,解釋說明你的代碼,這樣有助于你和他人日后能夠更好地理解你的代碼。 注釋可以寫在之間。瀏覽器是忽略注釋的,你不會(huì)在HTML正文中看到你的注釋。 Html 標(biāo)簽 標(biāo)題 html用 到 這幾個(gè)Tag來定義正文標(biāo)題,從大到小。每個(gè)正文標(biāo)題自成一段 段落劃分在HTML里用 和 劃分段落。 換行 HTML特殊字符顯示 HTML字符實(shí)體(Character Entities) 有些字符在HTML里有特別的含義,比如小于號(hào)<就表示HTML Tag的開始,這個(gè)小于號(hào)是不顯示在我們最終看到的網(wǎng)頁(yè)里的。那如果我們希望在網(wǎng)頁(yè)中顯示一個(gè)小于號(hào),該怎么辦呢? 這就要說到HTML字符實(shí)體(HTML Character Entities)了。 一個(gè)字符實(shí)體(Character Entity)分成三部分:第一部分是一個(gè)&符號(hào),英文叫ampersand;第二部分是實(shí)體(Entity)名字或者是#加上實(shí)體(Entity)編號(hào);第三部分是一個(gè)分號(hào)。 比如,要顯示小于號(hào),就可以寫<或者<。 用實(shí)體(Entity)名字的好處是比較好理解,一看lt,大概就猜出是less than的意思,但是其劣勢(shì)在于并不是所有的瀏覽器都支持最新的Entity名字。而實(shí)體(Entity)編號(hào),各種瀏覽器都能處理。 注意:Entity是區(qū)分大小寫的。 如何顯示空格 通常情況下,HTML會(huì)自動(dòng)截去多余的空格。不管你加多少空格,都被看做一個(gè)空格。比如你在兩個(gè)字之間加了10個(gè)空格,HTML會(huì)截去9個(gè)空格,只保留一個(gè)。為了在網(wǎng)頁(yè)中增加空格,你可以使用 表示空格。 超鏈接 用來表示超鏈接,英文叫anchor。 可以指向任何一個(gè)文件源:一個(gè)HTML網(wǎng)頁(yè),一個(gè)圖片,一個(gè)影視文件等。用法如下: 鏈接的顯示文字 點(diǎn)擊當(dāng)中的內(nèi)容,即可打開一個(gè)鏈接文件,href屬性則表示這個(gè)鏈接文件的路徑。 比如鏈接到青禾站點(diǎn)首頁(yè),就可以這樣表示: 青禾標(biāo)簽有很多屬性 比如說target 、 title Name 使用name屬性,可以跳轉(zhuǎn)到一個(gè)文件的指定部位。 使用name屬性,要設(shè)置一對(duì)。一是設(shè)定name的名稱,二是設(shè)定一個(gè)href指向這個(gè)name: 參見第一章 第一章 特殊的鏈接 鏈接到email地址 在網(wǎng)站中,你經(jīng)常會(huì)看到“聯(lián)系我們”的鏈接,一點(diǎn)擊這個(gè)鏈接,就會(huì)觸發(fā)你的郵件客戶端,比如Outlook Express,然后顯示一個(gè)新建mail的窗口。用可以實(shí)現(xiàn)這樣的功能。 聯(lián)系新浪 絕對(duì)路徑和相對(duì)路徑 絕對(duì)路徑 如 http://bbs.ahau.edu.cn/ 相對(duì)路徑 存儲(chǔ)在同一個(gè)文件夾同在一個(gè)站點(diǎn) 可使用相對(duì)路徑 表格 HTML表格用 表示。一個(gè)表格可以分成很多行(row),用表示;每行又可以分成很多單元格(cell),用之間沒有內(nèi)容,那么這個(gè)單元格的邊界是不會(huì)被顯示出來的,盡管整個(gè)表格已設(shè)置邊界值。要顯示這個(gè)單元格的邊界,可以插入一個(gè) 空格符 HTML框架(Frames) 使用框架(Frame),你可以在瀏覽器窗口同時(shí)顯示多個(gè)網(wǎng)頁(yè)。每個(gè)Frame里設(shè)定一個(gè)網(wǎng)頁(yè),每個(gè)Frame里的網(wǎng)頁(yè)相互獨(dú)立。 Frameset 決定如何劃分Frame。有cols屬性和rows屬性。使用cols屬性,表示按列分布Frame;使用rows屬性,表示按行分布Frame。 Frame 用這個(gè)Tag設(shè)定網(wǎng)頁(yè)。里有src屬性,src值就是網(wǎng)頁(yè)的路徑和文件名 下面的代碼的目的是:將Frameset分成2列,第一列25%,表示第一列的寬度是窗口寬度的25%;第二列75%,表示第一列的寬度是窗口寬度的75%。第一列中顯示a.html,第二列中顯示b.html。 Iframe是Inline Frame的意思,用可以將Frame置于一個(gè)HTML文件內(nèi) 青禾右側(cè)導(dǎo)航就是使用的 列表 HTML有三種列表形式:排序列表(Ordered List);不排序列表(Unordered List);定義列表(Definition List)。 排序列表(Ordered List) 排序列表中,每個(gè)列表項(xiàng)前標(biāo)有數(shù)字,表示順序。排序列表由 開始,每個(gè)列表項(xiàng)由 開始 不排序列表(Unordered List) 不排序列表不用數(shù)字標(biāo)記每個(gè)列表項(xiàng),而采用一個(gè)符號(hào)標(biāo)志每個(gè)列表項(xiàng),比如圓黑點(diǎn)。 不排序列表由 開始,每個(gè)列表項(xiàng)由 開始。 定義列表 定義列表通常用于術(shù)語(yǔ)的定義。 定義列表由 開始。術(shù)語(yǔ)由 開始,英文意為Definition Term。術(shù)語(yǔ)的解釋說明,由 開始, 里的文字縮進(jìn)顯示。 HTML表單(Forms) HTML表單(Form)是HTML的一個(gè)重要部分,主要用于采集和提交用戶輸入的信息 學(xué)習(xí)HTML表單(Form)最關(guān)鍵要掌握的有三個(gè)要點(diǎn):表單控件(Form Controls) 、Action 、Method 先說表單控件(Form Controls),通過HTML表單的各種控件,用戶可以輸入文字信息,或者從選項(xiàng)中選擇,以及做提交的操作。比如上面的例句里,input type= "text"就是一個(gè)表單控件,表示一個(gè)單行輸入框。 用戶填入表單的信息總是需要程序來進(jìn)行處理,表單里的action就指明了處理表單信息的文件。比如上面例句里的http://www.admin5.com/html/asdocs/html_tutorials/yourname.asp。 至 于method,表示了發(fā)送表單信息的方式。method有兩個(gè)值:get和post。get的方式是將表單控件的name/value信息經(jīng)過編碼之 后,通過URL發(fā)送(你可以在地址欄里看到)。而post則將表單的內(nèi)容通過http發(fā)送,你在地址欄看不到表單的提交信息。那什么時(shí)候用get,什么時(shí) 候用post呢?一般是這樣來判斷的,如果只是為取得和顯示數(shù)據(jù),用get;一旦涉及數(shù)據(jù)的保存和更新,那么建議用post。 幾個(gè)特殊的標(biāo)簽 圖片 字體 屬性 size color fac(類型 不建議使用 使用CSS外聯(lián)樣式) 表示。 表格的表頭用 來表示表格的表頭,表頭的字是粗體顯示的。 如果表格的單元格
html標(biāo)簽ppt:這是html標(biāo)簽ppt,包括了HTML簡(jiǎn)介,HTML語(yǔ)言的標(biāo)記語(yǔ)法和文檔結(jié)構(gòu),介紹常用標(biāo)簽(文字,圖片,表格),表單,層,框架,CSS標(biāo)簽的介紹等內(nèi)容,歡迎點(diǎn)擊下載。
ppt轉(zhuǎn)換html5:這是ppt轉(zhuǎn)換html5,包括了HTML5介紹,HTML5定義頁(yè)面結(jié)構(gòu),HTML5增強(qiáng)的表單控件,多媒體,畫布、SVG、拖放等內(nèi)容,歡迎點(diǎn)擊下載。
html教學(xué)ppt:這是html教學(xué)ppt,包括了知識(shí)要點(diǎn),什么是 HTML?HTML文檔的結(jié)構(gòu),設(shè)置文本格式,使用圖像,使用字幕和背景音樂,使用超鏈接,使用表單,課堂作業(yè)等內(nèi)容,歡迎點(diǎn)擊下載。