|
HTML之所以好學(xué)是因?yàn)榫椭R(shí)點(diǎn)來說，完全不需要?jiǎng)幽X子，記住了你就會(huì)，記不住就免談。但是要想學(xué)好還是需要你有點(diǎn)腦滴，因?yàn)樗?jīng)常要聯(lián)合CSS、Javascript一起作用網(wǎng)頁，而且網(wǎng)頁的整體布局如何達(dá)到良好的用戶體驗(yàn)，那就更是個(gè)學(xué)問了！就HTML的知識(shí)點(diǎn)總結(jié)如下：
1、HTML是用來描述網(wǎng)頁的一種語言，即超文本標(biāo)記語言（Hyper Text Markup Language）。明確它不是一種編程語言，而是一種標(biāo)記語言。HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。 2、HTML文檔==網(wǎng)頁，HTML文檔描述網(wǎng)頁，包含HTML標(biāo)簽和純文本。HTML建議使用小寫來拼寫屬性/屬性值，屬性值應(yīng)該始終被包括在引號(hào)內(nèi)，經(jīng)常使用雙引號(hào)，不過單引號(hào)也沒問題。HTML只不過是組合成一個(gè)文本文件的一系列標(biāo)簽。它們就像樂隊(duì)的指揮，高速樂手們哪里需要停頓，哪里需要激昂。 3、<!DOCTYPE>聲明位于文檔中的最前面的位置，處于<html>標(biāo)簽之前。次標(biāo)簽可以告訴瀏覽器使用哪種HTML或XHTML規(guī)范。 4、頭元素包含著文檔的概要信息，大多數(shù)情況下，meta元素用來提供與瀏覽器或者搜索引擎相關(guān)的信息，比方說描述文檔的內(nèi)容等等。例如： <meta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML" /> 5、標(biāo)簽屬性示例： 標(biāo)題是通過<h1>---<h6>等標(biāo)簽來定義的，越來越小。 <P>是段落標(biāo)簽：<p>This is my first paragraph.</p> <a>是連接標(biāo)簽：<a href="http://www.baidu.com">This is a link</a> 如果把鏈接的 target 屬性設(shè)置為 "_blank"，該鏈接會(huì)在新窗口中打開。 <hr/>標(biāo)簽在HTML頁面中創(chuàng)建水平線 注釋可以提高代碼的可讀性，使代碼更容易被理解：<!-- This is a comment --> 在不產(chǎn)生新段落的情況下?lián)Q行：<br/> 6、文本格式化標(biāo)簽： <b>定義粗體文字 <big>定義大號(hào)字體 <em>定義著重文字 <i>定義斜體字 <small>定義小號(hào)字 <strong>定義加重語氣 <sub>定義小標(biāo)字 <sup>定義上標(biāo)字 <ins>定義插入字 <del>定義刪除字 “計(jì)算機(jī)輸出”標(biāo)簽： <code>定義計(jì)算機(jī)代碼 <kbd>定義鍵盤碼 <pre>定義預(yù)格式文本
7、HTML的style屬性： 提供了一種改變所有HTML元素的樣式的通用方法。通過HTML樣式，能夠通過使用style屬性直接將樣式添加到HTML元素，或者間接地在獨(dú)立的樣式表中進(jìn)行定義。 8、HTML4中不贊成使用的標(biāo)簽：<center> <font> <basefont> <s> <strike> <u>；不贊成使用的屬性： align bgcolor color。 對于以上這些標(biāo)簽和屬性應(yīng)該使用樣式代替。 9、表格由<table>標(biāo)簽來定義： 每個(gè)表格均有若干行（由<tr>標(biāo)簽定義），每行被分割成為若干單元格（由<td>標(biāo)簽定義）。 數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等元素。 邊框?qū)傩裕?/SPAN>border 表格表頭使用<th>標(biāo)簽來定義 大多數(shù)瀏覽器對空單元格的顯示不提愛好，為避免意外情況，在空單元格中添加一個(gè)占位符（ ）。 <caption>定義表格標(biāo)題 <col>定義用于表格列的屬性
10、無序列表標(biāo)簽：<ul> 有序列表標(biāo)簽：<ol> 自定義列表：<dl> 自定義列表不僅僅是一列項(xiàng)目，而是項(xiàng)目及注釋的組合。每個(gè)自定義列表項(xiàng)以<dt>開始，每個(gè)自定義列表項(xiàng)的定義以<dd>開始。例如： <dl>
11、表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復(fù)選框等等）輸入信息的元素。多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽（<input>）,輸入類型是有類型屬性（<type>）定義的。類型有：文本域（TextFields）、單選按鈕（Radio Buttons）、復(fù)選框（CheckBoxes）等。 <label>定義一個(gè)控制的標(biāo)簽 <leqend>定義域的標(biāo)題 <select>定義一個(gè)選擇列表 <option>定義下拉列表的選項(xiàng)
12、<img>圖像標(biāo)簽：<img src="prefect.jpg" width="104" height="142" /> <img>是空標(biāo)簽，意思是說，它只包含屬性，并沒有閉合標(biāo)簽。要在頁面上顯示圖片，需要使用源屬性（src）。alt屬性用來為圖像定義一串預(yù)備的可替換的文本 <map>定義圖像地圖，<area>定義圖像地圖的可點(diǎn)擊區(qū)域。
13、<body>擁有兩個(gè)配置背景的標(biāo)簽，背景可以是顏色或者圖像。 <body bgcolor="black"> <body background="clouds.gif"> 如果背景屬性將背景設(shè)置為圖像，屬性值為圖像的URL（相對或絕對路徑），如果圖像尺寸小于瀏覽器窗口，那么圖像將在整個(gè)瀏覽器中復(fù)制。 注意：<body>標(biāo)簽中的背景顏色（bgcolor）、背景（background）、文本（Text）屬性在最新的HTML標(biāo)準(zhǔn)中已經(jīng)被廢棄。應(yīng)使用CSS來定義HTML元素的布局和顯示屬性。
14、通過使用框架，可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁面。沒分HTML文檔稱為一個(gè)框架，并且每個(gè)框架都獨(dú)立于其他框架。當(dāng)然，使用框架也有它自身的缺點(diǎn)，首先，開發(fā)人員必須同時(shí)跟蹤更多的HTML文檔，其次，很難打印整張頁面。 例如： <frameset cols="120,*"> <frame src="/example/html/html_contents.html"> <frame src="/example/html/frame_a.html" name="showframe"> </frameset>
15、HTML字符實(shí)體 空格： 小于號(hào)：⁢ 大于號(hào)：> 引號(hào)：" &符號(hào)：&
16、HTML事件屬性 在現(xiàn)代瀏覽器中都內(nèi)置有大量的事件處理器，這些處理器會(huì)監(jiān)視特定的條件或用戶的行為，例如鼠標(biāo)單擊或?yàn)g覽器窗口中完成加載某個(gè)圖像。通過使用客戶端的JavaScript，可以將某些特定的事件處理器作為屬性添加給特定的標(biāo)簽，可以在事件發(fā)生時(shí)執(zhí)行一個(gè)或多個(gè)JavaScript命令或函數(shù)。 事件處理器的值是一個(gè)或一系列以分號(hào)隔開的JavaScript表達(dá)式、方法和函數(shù)調(diào)用，并用引號(hào)引起來。當(dāng)事件發(fā)生時(shí)，瀏覽器會(huì)執(zhí)行這些代碼。例如，當(dāng)你把鼠標(biāo)移動(dòng)到一個(gè)超鏈接時(shí)，會(huì)啟動(dòng)一個(gè)JavaScript函數(shù)。支持JavaScript的瀏覽器支持<a>標(biāo)簽中的一個(gè)特殊的"mouse over"事件處理器來完成這項(xiàng)工作： <a href="/index.html" onmouseover="alert('Welcome');return false"></a> 窗口事件（Window Event）
表單元素事件（Form Element Events）
圖像事件（Image Events）
鍵盤事件（Keyboard Events）
鼠標(biāo)事件（Mouse Events）
17、補(bǔ)充標(biāo)簽： <address>：定義文檔作者或擁有者的聯(lián)系信息 <blockquote>：定義長的引用 <ins>：定義被插入文本 <param>：定義對象的參數(shù)
18、XHTML XHTML是一種更加規(guī)范的HTML標(biāo)準(zhǔn)，其實(shí)就是HTML和XML的融合。XML是一種標(biāo)記化語言，其中所有的東西都要被正確的標(biāo)記，以產(chǎn)生像是良好的文檔。XML用來描述數(shù)據(jù)，而HTML則用來顯示數(shù)據(jù)。
19、Unicode Unicode是web文檔默認(rèn)的字符集，也是我們擁有的最接近通用字母表的事物。盡管它并不是一個(gè)字母表，而是一套數(shù)字映射方案。
20、記?。鹤畲笙薅鹊厥褂?/SPAN>CSS來進(jìn)行布局，在web標(biāo)準(zhǔn)的世界里，XHTML標(biāo)記與表現(xiàn)無關(guān)，它只與文檔結(jié)構(gòu)有關(guān)。 |
|
|
