2HTML基礎(chǔ).ppt

1、2011年2月，網(wǎng)站建設(shè)和網(wǎng)頁(yè)設(shè)計(jì)，Html基礎(chǔ)，HTML元素的快速啟動(dòng)，快速啟動(dòng)，寫(xiě)作工具，最簡(jiǎn)單的HTML文檔，嵌入式標(biāo)簽，HTML框架，HTML皮膚文本結(jié)構(gòu)，超鏈接圖像列表，表單框架，快速啟動(dòng)，寫(xiě)作工具任何文本編輯器都可以寫(xiě)Html文檔。Dreamweaver Aptana(作為zendstudio插件)是一個(gè)常見(jiàn)的工具，是快速啟動(dòng)，最簡(jiǎn)單的超文本標(biāo)記語(yǔ)言文檔，快速啟動(dòng)，而嵌入式標(biāo)記超文本標(biāo)記語(yǔ)言是一種嵌入式語(yǔ)言：您可以將語(yǔ)言指示器或標(biāo)記插入到文檔中，并在讀者調(diào)用文檔時(shí)在瀏覽器中顯示它。利用這些標(biāo)簽中的信息，瀏覽器可以判斷如何顯示以及如何處理文檔中的不同內(nèi)容?？焖匍_(kāi)始、嵌入標(biāo)記開(kāi)始和結(jié)束

2、標(biāo)記大多數(shù)標(biāo)記定義并影響文檔的獨(dú)立部分。這一部分從標(biāo)簽及其屬性首次出現(xiàn)在源文檔中的位置開(kāi)始(即開(kāi)始標(biāo)簽)，并在響應(yīng)的結(jié)束標(biāo)簽處結(jié)束。開(kāi)始標(biāo)記的格式和結(jié)束標(biāo)記的格式永遠(yuǎn)不會(huì)有屬性?？焖匍_(kāi)始，超文本標(biāo)記語(yǔ)言框架以開(kāi)始和結(jié)束，告訴瀏覽器文檔是用超文本標(biāo)記語(yǔ)言編寫(xiě)的。Html文檔有兩個(gè)主要結(jié)構(gòu)：頭部和主體。您可以將文檔的相應(yīng)信息放在頁(yè)眉中，將文檔的內(nèi)容通過(guò)瀏覽器顯示在主體中。幾個(gè)主要的標(biāo)題元素是標(biāo)題、鏈接、腳本和快速啟動(dòng)。超文本標(biāo)記語(yǔ)言皮膚注釋不會(huì)顯示在超文本標(biāo)記語(yǔ)言中，即使是注釋中的內(nèi)容。格式：如果文本不是標(biāo)簽或注釋?zhuān)仨毷俏谋尽Ｒ恍┨厥獾臉?biāo)簽給出了文本的結(jié)構(gòu)，例如標(biāo)題(h1，h2，h3)，列表和

3、表格。多媒體由瀏覽器顯示的數(shù)字圖像、電影、聲音和其他多媒體數(shù)據(jù)組成，這些數(shù)據(jù)與超文本標(biāo)記語(yǔ)言文檔分開(kāi)存儲(chǔ)在不同的文檔中。這些多媒體元素引用可以通過(guò)特殊標(biāo)簽包含在文檔中。瀏覽器使用這些引用來(lái)加載元素并將它們與文本集成在一起。文本和與文本相關(guān)的標(biāo)簽構(gòu)成了標(biāo)準(zhǔn)語(yǔ)言超文本標(biāo)記語(yǔ)言最豐富的部分。這是因?yàn)槌谋緲?biāo)記語(yǔ)言最初是為了豐富文本的結(jié)構(gòu)和組織而誕生的。快速啟動(dòng)，文本外觀可以通過(guò)物理樣式標(biāo)簽將通用樣式屬性附加到文檔，例如，在前面的示例中，您還可以通過(guò)CSS更改文本的顯示特征，如字體、大小、顏色、位置等?；贖tml，文本結(jié)構(gòu)瀏覽器忽略文本中的回車(chē)符和換行符，并盡可能多地填充顯示窗口中的每一行。如果文本

4、太長(zhǎng)，中間沒(méi)有空隙，文本內(nèi)容將變得難以閱讀。超文本標(biāo)記語(yǔ)言提供了一種控制文檔基本結(jié)構(gòu)的方法。通常使用Part()、段落()和換行符()標(biāo)記。這些標(biāo)簽可以斷開(kāi)文本流并將其顯示在新行上。Div和P分別定義了文檔和文本的基本區(qū)域，我們可以在瀏覽器窗口中專(zhuān)門(mén)安排這些區(qū)域的內(nèi)容。如果沒(méi)有特殊的排列屬性，div和P只會(huì)打斷一行文本，并開(kāi)始另一行。p標(biāo)簽在換行后增加的行距大于div和br引起的垂直距離?；贖tml，文本結(jié)構(gòu)標(biāo)題不僅將文檔分成不同的部分和段落，而且將文檔組織成具有不同標(biāo)題的部分。從h1到h6有六個(gè)標(biāo)題標(biāo)簽，每個(gè)標(biāo)簽對(duì)應(yīng)相應(yīng)的結(jié)束標(biāo)簽。H1最大，h6最小。標(biāo)題標(biāo)簽通常會(huì)中斷當(dāng)前的文本流，占據(jù)單

5、獨(dú)的一行。除了標(biāo)題，Html還提供了一個(gè)水平分隔符hr來(lái)描述和劃分文檔的不同部分。當(dāng)瀏覽器在文檔中遇到hr時(shí)，它將斷開(kāi)文本流，并在整個(gè)窗口中畫(huà)一條新的直線。文本流將繼續(xù)顯示在該行下。超鏈接文本構(gòu)成了Html的主體和骨架，而超文本是它們的心臟。它允許讀者獲取或展示自己或他人的收藏。為此，您只需用鼠標(biāo)單擊文檔中的相關(guān)單詞或短語(yǔ)(即超鏈接)。如果您想在文檔集合中包含指向其他文檔的指針，您只需要知道文檔的地址以及如何向文檔添加錨點(diǎn)(標(biāo)簽)。盡管互聯(lián)網(wǎng)上有上億個(gè)文檔和資源，但每個(gè)資源在互聯(lián)網(wǎng)上都有其唯一的地址，這就是所謂的統(tǒng)一資源定位符。協(xié)議：/服務(wù)器地址/路徑名，基于html，超鏈接錨標(biāo)簽()在Htm

6、l中用來(lái)定義超鏈接的來(lái)源和目的地的特征。我們經(jīng)常使用一個(gè)標(biāo)簽和它的href屬性來(lái)定義一個(gè)超鏈接，href屬性的值就是目標(biāo)的URL。Html中內(nèi)聯(lián)圖像的標(biāo)簽是它需要src屬性來(lái)指定要插入到文檔中的圖像文件。列表無(wú)序列表當(dāng)列表中項(xiàng)目的順序不重要時(shí)使用無(wú)序列表，列表中的每個(gè)項(xiàng)目都標(biāo)有一個(gè)列表項(xiàng)目。如果有序列表中的項(xiàng)目順序?qū)α斜砗苤匾?，?qǐng)使用有序列表，列表中的每個(gè)項(xiàng)目都標(biāo)有相同的列表項(xiàng)目?；贖tml，表單提供了用戶和服務(wù)器之間的交互方式。使用標(biāo)簽定義表單區(qū)域，并放置表單元素(文本輸入框、復(fù)選框、單選按鈕、多重選擇按鈕等)。)是用戶在表單中要求的。用戶填寫(xiě)完表單后，單擊特殊發(fā)送按鈕將表單數(shù)據(jù)發(fā)送到服務(wù)

7、器。服務(wù)器收到表單數(shù)據(jù)后，會(huì)根據(jù)數(shù)據(jù)內(nèi)容進(jìn)行處理。表格的主要功能是格式化和顯示內(nèi)容。主標(biāo)簽表格行標(biāo)題表格數(shù)據(jù)(單元格)、Html基礎(chǔ)和框架允許我們將瀏覽器窗口分成幾個(gè)不同的顯示區(qū)域，每個(gè)區(qū)域顯示不同的文檔。每個(gè)框架顯示一個(gè)獨(dú)立的文檔，或者瀏覽器可以顯示的任何合法內(nèi)容，包括多媒體。通過(guò)向標(biāo)簽添加標(biāo)簽，瀏覽器窗口被分成獨(dú)立的框架。的src屬性用于指定要在框架中顯示的URL。網(wǎng)頁(yè)中的標(biāo)簽通常應(yīng)該包含在標(biāo)簽中。元素，標(biāo)簽描述用于包含描述超文本標(biāo)記語(yǔ)言文檔信息的標(biāo)簽示例。頁(yè)面名稱(chēng)，超文本標(biāo)記語(yǔ)言元素，標(biāo)簽描述網(wǎng)頁(yè)的主要部分。通常，網(wǎng)頁(yè)的可見(jiàn)部分包含在標(biāo)簽中。示例內(nèi)容1內(nèi)容2，超文本標(biāo)記語(yǔ)言元素，標(biāo)簽描述

8、用于描述超文本標(biāo)記語(yǔ)言網(wǎng)頁(yè)文檔的屬性示例，超文本標(biāo)記語(yǔ)言元素，標(biāo)簽描述，網(wǎng)頁(yè)標(biāo)題示例我的標(biāo)題，超文本標(biāo)記語(yǔ)言元素，標(biāo)簽描述定義了文檔和外部資源之間的關(guān)系，最常用的是鏈接樣式表。例如，超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述被用來(lái)定義客戶端腳本，比如JavaScript。腳本元素可以包含腳本語(yǔ)句，或者通過(guò)src屬性指向外部腳本文件。示例鏈接外部腳本包含腳本文檔。寫(xiě)(你好世界！)；超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述定義了文檔中的一個(gè)或多個(gè)部分。一份文件可以分為獨(dú)立的和不同的部分。如果標(biāo)簽標(biāo)有id或類(lèi)別，標(biāo)簽的功能將變得更加有效。公共屬性id:唯一標(biāo)識(shí)符類(lèi)別：分類(lèi)標(biāo)識(shí)符示例綠色標(biāo)題綠色段落紅色標(biāo)題紅色段落，HTML元

9、素，標(biāo)記公共屬性id，類(lèi)別描述定義段落。這是一個(gè)段落。超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述用于組合文檔中的內(nèi)聯(lián)元素。公共屬性id，類(lèi)示例，行中的紅色部分，頁(yè)面中的綠色部分，HTML元素，標(biāo)簽描述，插入一個(gè)簡(jiǎn)單的換行符。標(biāo)簽是空的，這意味著它沒(méi)有結(jié)束標(biāo)簽，所以這是錯(cuò)誤的：在XHTML中，結(jié)束標(biāo)記放在開(kāi)始標(biāo)記中，也就是說(shuō)。課文課文課文課文課文達(dá)夫真誠(chéng)又容易學(xué)。超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述在超文本標(biāo)記語(yǔ)言頁(yè)面中創(chuàng)建一條水平線。例子這是標(biāo)題1這是一些文本，html元素，標(biāo)簽描述標(biāo)簽可以定義錨。錨點(diǎn)有兩種用途：通過(guò)使用href屬性創(chuàng)建到另一個(gè)文檔的超鏈接。使用id屬性在文檔中創(chuàng)建書(shū)簽。也就是說(shuō)，您可以創(chuàng)建指向文

10、檔片段的鏈接。常用屬性id，類(lèi)href:指定鏈接的目標(biāo)目標(biāo)：指定窗口實(shí)例打開(kāi)目標(biāo)真誠(chéng)，HTML元素，標(biāo)簽描述嵌入圖像到網(wǎng)頁(yè)。從技術(shù)上講，標(biāo)簽不會(huì)將圖像插入網(wǎng)頁(yè)，而是鏈接網(wǎng)頁(yè)中的圖像。標(biāo)簽為引用的圖像創(chuàng)建空間。公共屬性id、類(lèi)src:圖像地址示例、超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述定義了無(wú)序列表，應(yīng)該與一起使用。公共屬性標(biāo)識(shí)、類(lèi)示例項(xiàng)目1項(xiàng)目2、超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述定義列表項(xiàng)目。公共屬性id，類(lèi)示例咖啡茶牛奶咖啡茶牛奶，html元素，標(biāo)簽描述定義有序列表。公共屬性標(biāo)識(shí)、類(lèi)示例咖啡、茶、牛奶、超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述定義超文本標(biāo)記語(yǔ)言表。一個(gè)簡(jiǎn)單的超文本標(biāo)記語(yǔ)言表格由一個(gè)表格元素和一個(gè)或多個(gè)

11、tr，th或td元素組成。Tr元素定義表格行，th元素定義標(biāo)題，td元素定義表格單元格。更復(fù)雜的超文本標(biāo)記語(yǔ)言表格也可能包括標(biāo)題、列、列組、標(biāo)題、引導(dǎo)和正文元素。通用屬性id，類(lèi)示例一月份月銷(xiāo)售額是100美元，html元素和標(biāo)簽描述定義了HTML表中的行。tr元素包含一個(gè)或多個(gè)th或td元素。常用的屬性標(biāo)識(shí)、類(lèi)、超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述定義了表格中的標(biāo)題單元格。th元素中的文本通常顯示為居中的粗體文本，而td元素中的文本通常是左對(duì)齊的純文本。通用屬性標(biāo)識(shí)、類(lèi)、超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述定義了超文本標(biāo)記語(yǔ)言表格中的標(biāo)準(zhǔn)單元格。通用屬性標(biāo)識(shí)、類(lèi)、超文本標(biāo)記語(yǔ)言元素和標(biāo)簽描述用于創(chuàng)建用戶輸入的超文本標(biāo)記語(yǔ)言表單。表單可以包含輸入元素，如文本字段、復(fù)選框、單選框、提交按鈕等。表單用于向服務(wù)器傳輸數(shù)據(jù)。常用屬性id，類(lèi)示例用戶名：密碼：超文本標(biāo)記語(yǔ)言元素，標(biāo)簽描述用于收集用戶信息。根據(jù)不同類(lèi)型的屬性值，輸入字段有多種形式。輸入字段可以是文本字段