html基礎(chǔ)教程

1、什么是 HTML？HTML 是用來描述網(wǎng)頁的一種語言。 HTML 指的是超文本標(biāo)記語言 HTML 不是一種編程語言，而是一種標(biāo)記語言 標(biāo)記語言是一種將文本以及文本相關(guān)的其他信息結(jié)合起來，展現(xiàn)出關(guān)于文檔結(jié)構(gòu)和數(shù)據(jù)處理細(xì)節(jié)的電腦文字編碼。 標(biāo)記語言是一套標(biāo)記標(biāo)簽 HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁HTML 標(biāo)記標(biāo)簽HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽。 單標(biāo)簽 文字會變粗雙標(biāo)簽 標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽，第二個標(biāo)簽是結(jié)束標(biāo)簽 HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞，比如 . HTML 標(biāo)簽通常是成對出現(xiàn)的，比如 和 開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽HTML 文檔 = 網(wǎng)頁 HTM

2、L 文檔描述網(wǎng)頁 HTML 文檔包含 HTML 標(biāo)簽和純文本 HTML 文檔也被稱為網(wǎng)頁Web 瀏覽器的作用是讀取 HTML 文檔，并以網(wǎng)頁的形式顯示出它們。瀏覽器不會顯示 HTML 標(biāo)簽，而是使用標(biāo)簽來解釋頁面的內(nèi)容：My First HeadingMy first paragraph.例子解釋 與 之間的文本描述網(wǎng)頁 與 之間的文本是可見的頁面內(nèi)容 與 之間的文本被顯示為標(biāo)題HTML文件后綴？HTML文件分為兩種格式：.htm .htmlHTML 屬性HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息。屬性總是以名稱/值對等的形式出現(xiàn)，比如：name=value。屬性總

3、是在 HTML 元素的開始標(biāo)簽中規(guī)定。標(biāo)簽描述定義 HTML 文檔。定義HTML頭部內(nèi)容設(shè)置文檔標(biāo)題和其它在網(wǎng)頁中不顯示的信息定義文檔的主體。to定義 HTML 標(biāo)題定義水平線。定義段落。插入單個折行（換行）。定義粗體文本。定義著重文字。定義居中的內(nèi)容。屬性: align: 定義文本的對齊方式left,center,right bgcolor: 定義背景顏色 color: 定義文本顏色 size: 定義文本大小 title: 定義文本提示信息 face: 定義文本字體定義 HTML 字體。定義下劃線文本定義大號字。定義斜體字。定義小號字。定義加重語氣。定義刪除字。屬性:src: 圖片地址wid

4、th: 寬(100)height: 高(100)border: 邊框(1)title: 提示標(biāo)題alt: 加載失敗提示圖像有序列表無序列表自定義列表HTML 標(biāo)簽定義注釋標(biāo)簽用來在源文檔中插入注釋。注釋會被瀏覽器忽略。實例HTML 注釋：這是一段普通的段落。HTML 標(biāo)簽定義和用法 標(biāo)簽可定義錨。 元素最重要的屬性是 href 屬性，它指定鏈接的目標(biāo)。默認(rèn)瀏覽器樣式：未被訪問的鏈接帶有下劃線而且是藍(lán)色的 已被訪問的鏈接帶有下劃線而且是紫色的 活動鏈接帶有下劃線而且是紅色的 實例指向 Spwy.Net 的超鏈接：Spwy.Net錨鏈可選的屬性屬性值描述hrefURL鏈接的目標(biāo) URL。namen

5、ame規(guī)定錨的名稱。target_blank _parent _self _top 在何處打開目標(biāo) URL。 HTML 標(biāo)簽定義和用法 標(biāo)簽定義文檔與外部資源的關(guān)系。 標(biāo)簽最常見的用途是鏈接樣式表。實例鏈接一個外部樣式表：可選的屬性屬性值描述charsetcharset定義被鏈接文檔的字符編碼方式。hrefURL定義被鏈接文檔的位置。relalternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection 定義當(dāng)

6、前文檔與被鏈接文檔之間的關(guān)系。 HTML 標(biāo)簽定義和用法 標(biāo)簽定義 HTML 表格。簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。實例一個簡單的 HTML 表格，包含兩行兩列： 頭一 頭二 內(nèi)容一 內(nèi)容二 可選的屬性屬性值描述alignleft center right 不贊成使用。使用樣式代替。規(guī)定表格相對周圍元素的對齊方式。bgcolorrgb(x,x,x) #xxxxxx colorname 不贊成使用。使用樣式代替。規(guī)定表格的背景顏色。borderpixels規(guī)定表格邊框的寬度

7、。cellpaddingpixels % 規(guī)定單元邊沿與其內(nèi)容之間的空白。cellspacingpixels % 規(guī)定單元格之間的空白。width% pixels 規(guī)定表格的寬度。backgroundurl背景圖片HTML 標(biāo)簽定義和用法 標(biāo)簽定義 HTML 表格中的行。tr 元素包含一個或多個 th 或 td 元素。HTML 標(biāo)簽定義和用法 標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格。HTML 表格有兩類單元格： 表頭單元 - 包含頭部信息（由 th 元素創(chuàng)建） 標(biāo)準(zhǔn)單元 - 包含數(shù)據(jù)（由 td 元素創(chuàng)建）可選的屬性屬性值描述alignleft right center justify char

8、 規(guī)定單元格內(nèi)容的水平對齊方式。bgcolorrgb(x,x,x) #xxxxxx colorname 不贊成使用。使用樣式取而代之。規(guī)定單元格的背景顏色。colspannumber規(guī)定單元格可橫跨的列數(shù)。heightpixels % 不贊成使用。使用樣式取而代之。規(guī)定表格單元格的高度。rowspannumber規(guī)定單元格可橫跨的行數(shù)。valigntop middle bottom baseline 不贊成使用。使用樣式取而代之。規(guī)定單元格內(nèi)容的垂直排列方式。widthpixels % 不贊成使用。使用樣式取而代之。規(guī)定表格單元格的寬度。backgroundurl背景圖片HTML 標(biāo)簽定義和用

9、法定義表格內(nèi)的表頭單元格。HTML 表單中有兩種類型的單元格： 表頭單元格 - 包含表頭信息（由 th 元素創(chuàng)建） 標(biāo)準(zhǔn)單元格 - 包含數(shù)據(jù)（由 td 元素創(chuàng)建） 屬性與td一致。HTML 標(biāo)簽定義和用法iframe 元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）?？蛇x的屬性屬性值描述alignleft right top middle bottom 不贊成使用。使用樣式代替。規(guī)定如何根據(jù)周圍的元素來對齊此框架。frameborder1 0 規(guī)定是否顯示框架周圍的邊框。heightpixels % 規(guī)定 iframe 的高度。nameframe_name規(guī)定 iframe 的名稱。scro

10、llingyes no auto 規(guī)定是否在 iframe 中顯示滾動條。srcURL規(guī)定在 iframe 中顯示的文檔的 URL。widthpixels % 定義 iframe 的寬度。HTML 標(biāo)簽定義和用法 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。表單還可以包含textarea、和 label 元素。表單用于向服務(wù)器傳輸數(shù)據(jù)。例子 用戶名: 密 碼: 必需的屬性屬性值描述actionURL規(guī)定當(dāng)提交表單時，向何處發(fā)送表單數(shù)據(jù)?？蛇x的屬性屬性值描述methodget post 規(guī)定如何發(fā)送表單數(shù)據(jù)。namename

11、規(guī)定表單的名稱。target_blank _parent _self _top 規(guī)定在何處打開 action URL。HTML 標(biāo)簽定義和用法 標(biāo)簽用于搜集用戶信息。根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。實例一個簡單的 HTML 表單，包含兩個文本輸入框和一個提交按鈕： 用戶名: 密 碼: 可選的屬性屬性值描述alttext定義圖像輸入的替代文本。checkedchecked規(guī)定此 input 元素首次加載時應(yīng)當(dāng)被選中。radiocheckboxdisableddisabled當(dāng) input 元素加載時禁用此

12、元素。maxlengthnumber規(guī)定輸入字段中的字符的最大長度。namefield_name定義 input 元素的名稱。readonlyreadonly規(guī)定輸入字段為只讀。sizenumber_of_char定義輸入字段的寬度。srcURL定義以提交按鈕形式顯示的圖像的 URL。typetext （普通文本）password （密碼框）checkbox （復(fù)選框）radio （單選框）file （文件瀏覽）hidden （隱藏域）image （圖片提交按鈕）button（普通按鈕）reset （重置按鈕）submit （提交按鈕）規(guī)定 input 元素的類型。valuevalue規(guī)定 i

13、nput 元素的值。HTML 標(biāo)簽定義和用法 標(biāo)簽定義多行的文本輸入控件。文本區(qū)中可容納無限數(shù)量的文本，其中的文本的默認(rèn)字體是等寬字體?？梢酝ㄟ^ cols 和 rows 屬性來規(guī)定 textarea 的尺寸，不過更好的辦法是使用 CSS 的 height 和 width 屬性。實例內(nèi)容必需的屬性屬性值描述colsnumber規(guī)定文本區(qū)內(nèi)的可見寬度。rowsnumber規(guī)定文本區(qū)內(nèi)的可見行數(shù)?？蛇x的屬性屬性值描述disableddisabled規(guī)定禁用該文本區(qū)。namename規(guī)定文本區(qū)的名稱。readonlyreadonly規(guī)定文本區(qū)為只讀。HTML 標(biāo)簽定義和用法 標(biāo)簽定義一個按鈕。在 bu

14、tton 元素內(nèi)部，您可以放置內(nèi)容，比如文本或圖像。實例以下代碼標(biāo)記了一個按鈕：點擊我可選的屬性屬性值描述disableddisabled規(guī)定禁用此按鈕。namename規(guī)定按鈕的名稱。typebutton reset submit 規(guī)定按鈕的類型。valuetext規(guī)定按鈕的初始值。HTML 標(biāo)簽定義和用法select 元素可創(chuàng)建單選或多選菜單。當(dāng)提交表單時，瀏覽器會提交選定的項目，或者收集用逗號分隔的多個選項，將其合成一個單獨的參數(shù)列表，并且在將 表單數(shù)據(jù)提交給服務(wù)器時包括 name 屬性。實例創(chuàng)建帶有 4 個選項的選擇列表： PHP C+ JAVA C#可選的屬性屬性值描述disable

15、ddisabled規(guī)定禁用該下拉列表。multiplemultiple規(guī)定可選擇多個選項。namename規(guī)定下拉列表的名稱。sizenumber規(guī)定下拉列表中可見選項的數(shù)目。 HTML 標(biāo)簽定義和用法 標(biāo)簽定義選項組。optgroup 元素用于組合選項。當(dāng)使用一個長的選項列表時，對相關(guān)的選項進(jìn)行組合會使處理更加容易。實例通過 標(biāo)簽把相關(guān)的選項組合在一起： PHP ASP C+ java 必需的屬性屬性值描述labeltext為選項組規(guī)定描述?？蛇x的屬性屬性值描述disableddisabled規(guī)定禁用該選項組。HTML 標(biāo)簽定義和用法option 元素定義下拉列表中的一個選項（一個條目）。瀏

16、覽器將 標(biāo)簽中的內(nèi)容作為 標(biāo)簽的菜單或是滾動列表中的一個元素顯示。option 元素位于 select 元素內(nèi)部。實例創(chuàng)建帶有 4 個選項的選擇列表： PHP ASP c+ C#可選的屬性屬性值描述disableddisabled規(guī)定此選項應(yīng)在首次加載時被禁用。selectedselected規(guī)定選項（在首次顯示在列表中時）表現(xiàn)為選中狀態(tài)。valuetext定義送往服務(wù)器的選項值。HTML 標(biāo)簽定義和用法 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。實例帶有兩個輸入字段和相關(guān)標(biāo)記的簡單 HTML 表單： 男 女 可選的屬性屬性值描述fore

17、lement_id規(guī)定 label 與哪個表單元素綁定。 HTML 標(biāo)簽定義和用法 標(biāo)簽用于為 HTML 文檔定義樣式信息。在 style 中，您可以規(guī)定在瀏覽器中如何呈現(xiàn) HTML 文檔（編寫CSS語句）。type 屬性是必需存在，唯一的值是 text/css。style 元素位于 head 部分中。實例h1 color:redp color:blue標(biāo)題標(biāo)簽段落標(biāo)簽HTML 標(biāo)簽定義和用法 可定義文檔中的分區(qū)或節(jié)。 標(biāo)簽可以把文檔分割為獨立的、不同的部分。實例文檔中的一個部分會顯示為綠色： This is a header This is a paragraph.HTML 標(biāo)簽定義和用法

18、標(biāo)簽被用來組合文檔中的行內(nèi)元素。例子SPAN標(biāo)簽內(nèi)容。演示完畢!HTML 標(biāo)準(zhǔn)屬性核心屬性 以下標(biāo)簽不提供下面的屬性：base、head、html、meta、script、style 以及 title 元素。屬性值描述classclassname規(guī)定元素的類名（classname）idid規(guī)定元素的唯一 idstylestyle_definition規(guī)定元素的行內(nèi)樣式（inline style）titletext規(guī)定元素的額外信息（可在工具提示中顯示）HTML 事件屬性窗口事件僅在 body 和 frameset 元素中有效。屬性值描述onload腳本當(dāng)文檔被載入時執(zhí)行腳本onunload腳本當(dāng)文檔被卸下時執(zhí)行腳本表單元素事件僅在表單元素中有效。屬性值描述onchange腳本當(dāng)元素改變時執(zhí)行腳本onsub