TML簡介

HTML基本標簽

HTML表單標簽

HTML內聯(lián)框架標簽和其他

向您講授了如何向 html 頁面添加 JavaScript，使得網(wǎng)站的動態(tài)性和交互性更強。

你已經(jīng)學習了如何創(chuàng)建對事件的響應，驗證表單，以及如何根據(jù)不同的情況運行不同的腳本。

你也學到了如何創(chuàng)建和使用對象，以及如何使用 JavaScript 的內置對象。

現(xiàn)在已經(jīng)你已經(jīng)學習了 JavaScript，接下來該學習什么呢？

下一步應該學習 HTML DOM 和 DHTML。

如果你希望學習關于服務器端腳本的知識，那么下一步應該學習 ASP,PHP, .Net。

HTML DOM

HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。 HTML DOM 獨立于平臺和語言，可被任何編程語言使用，比如 Java、JavaScript 和 VBscript。 假如希望了解更多關于 DOM 的知識，請訪問我們的 HTML DOM 教程。

jQuery

jQuery 是一個 JavaScript 庫。

jQuery 極大地簡化了 JavaScript 編程。

jQuery 很容易學習。

假如希望了解更多關于 jQuery 的知識，請訪問我們的 jQuery 教程。

AJAX

AJAX = 異步 JavaScript 和 XML。

AJAX 不是一種新的編程語言，而是一種使用現(xiàn)有標準的新方法。

通過與服務器進行數(shù)據(jù)交換，AJAX 可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

有很多使用 AJAX 的應用程序案例：新浪微博、Google 地圖、開心網(wǎng)等等。

假如您希望學習更多關于 AJAX 的知識，請訪問我們的 AJAX 教程。

ASP / PHP / .NET

和 HTML 文檔中的腳本運行于客戶端（瀏覽器）不同，ASP/PHP 文件中的腳本在服務器上運行。

使用 ASP，你可以動態(tài)地編輯、改變或者添加網(wǎng)站內容，對由 HTML 表單提交而來的數(shù)據(jù)進行響應，訪問數(shù)據(jù)或者數(shù)據(jù)庫并向瀏覽器返回結果，或者定制對不同的用戶來說更有幫助的網(wǎng)頁。

由于 ASP/PHP 文件返回的是純粹的 HTML，因此可顯示在任何瀏覽器中。

.h1-h6標簽

都是標題標簽，定義一段話的標題，h1最大，依次遞減，h6最小

標題標簽的作用：讓文本加粗顯示

2. 段落標簽：p標簽

用來顯示一段文本(圖片)，它會忽略源代碼中的排版

塊元素：獨占一行的元素，和相鄰的元素不能共享同一行,所有的塊元素都有align屬性,h1-h6和p元素都是塊元素

3. 格式標簽：

b標簽：加粗文本

del標簽：包含的文本中間有條橫線

em標簽：包裹的文本會顯示為斜體

i標簽：包裹的文本會顯示為斜體

pre標簽：顯示源代碼的排版

strong標簽：和em作用一樣，都有強調的意思，如果要強調一段文字，建議使用strong標簽

u標簽：給文本添加下劃線

sup：定義上標文本

sub:定義下標文本

4. 圖片標簽img，用來把圖片顯示在網(wǎng)頁上

必須屬性:1.src:圖片的路徑(可以用相對路徑或絕對路徑，不建議用絕對路徑)

alt:定義圖片無法顯示時的代替文本

相對路徑：以當前文件所在的位置為參考路徑,定義出來的路徑叫相對路徑

絕對路徑：文件在硬盤上的物理路徑叫絕對路徑,

例如：

D:\work181129JAVA班\課件-web前端課件\web-day1\Code\web-day1\img\tly.jpg

可選屬性：

1.title：鼠標放在圖片上時的提示文字,所有元素都有title屬性

2.width:定義圖片的寬度，默認以像素px為單位，可以省略單位不寫

3.height:定義圖片的高度

br標簽：換行標簽，可以寫成<br>或者<br/>

hr標簽：水平線標簽，可以寫成<hr>或者<hr/>,屬性有：width(寬度),size(高度),color(顏色)

5. span:通常用于修飾文本，可以給它添加樣式，例如style="color: red;"

div:把文檔分割成若干個獨立的部分 ,塊級元素

6. ul定義無序列表，type屬性定義列表項目的標記，默認是disc

type="disc" 默認黑色圓點

type="circle" 空心圓點

type="square" 方塊

ol定義有序列表，type屬性定義項目的標記，默認是數(shù)字

type="A"或"a":表示大寫字母或者小寫字母

type="I"或type="i"：表示羅馬大寫字母或羅馬小寫字母

7. border:定義表格的邊框屬性

cellspacing:單元格之間的距離，設置為0則只有1條邊框了

cellpadding:單元格的內容到邊框之間的距離

8. 表頭：表格中的第一行，用來顯示列標題的，使用th定義表頭的每一列，把里面的內容加粗居中顯示

通常，第一行是表頭行，從第二行開始就是數(shù)據(jù)行(顯示具體的數(shù)據(jù)),

使用td(table data cell )表示數(shù)據(jù)行每一列

表格的align="center"：讓表格整體居中顯示

tr(table row)的align="center"：讓行里面的內容居中顯示

caption：定義表格的標題，會相當于表格居中

9. colspan:跨列，即在水平方向上合并單元格，值是要合并的單元格數(shù)目

rowspan:跨行，即在豎直方向上合并單元格，值是要合并的單元格數(shù)目

10. form:表單標簽，用于創(chuàng)建一個表單，收集用戶輸入的數(shù)據(jù)，并提交給服務器程序

屬性:action:指定將表單的數(shù)據(jù)發(fā)送到哪個服務器程序

method:指定用哪種方式來提交數(shù)據(jù)，常用值有GET,POST，默認值是get

表單域：又叫表單元素，作用是收集用戶輸入的數(shù)據(jù) ，并提交給服務器端程序

常用的表單域：1.input元素：它的type屬性有不同值，表現(xiàn)出不同形態(tài)

type="text":表示文本框，提供文本的輸入

type="radio":單選框(單選按鈕)， 多個單選框的name值必須相同，如果name不同則不能互斥，提交時是提交value值

type="checkbox":復選框，當name相同時，可以提交多個值(value屬性的值)

type="file"":文件域，讓用戶選擇本地文件上傳到服務器

type="hidden":隱藏域，對用戶不可見的元素，可以有默認值并且能提交給服務器(在javaEE開發(fā)中會大量使用隱藏域)

2. select元素：表示下拉列表，又叫下拉框，在下拉列表中用option元素定義待選擇的選項，默認第1個選項被選中，

設置某個option被選中： 在option元素上添加selected="selected"或者selected

設置下拉列表為多選下拉列表：在select元素上加multiple屬性

關于選中元素的設置：

1)設置單選框或復選框被選中的屬性是checked

2)設置下拉列表的某個選項被選中的屬性是selected

11. body標簽：

1.background：定義網(wǎng)頁的背景圖片，如果背景圖片很小，會自動在水平和豎直方向上平鋪展示

2.bgcolor:定義網(wǎng)頁的背景顏色

12. textarea:文本域，又叫多行文本框,cols是文本區(qū)內的寬度,rows:行數(shù)

placeholder：用來設置單行文本框(不是textarea)里的默認提示文字，當輸入了新的內容后，該提示文字就消失了

label：本身沒有什么效果，當結合單選按鈕或復選框使用時，如果label的for屬性和按鈕的id相同，則點擊

label后就相當于點擊了按鈕，會將單選框或復選框選中

表單按鈕：

1.提交按鈕： <input type="submit">，提交按鈕作用是將表單數(shù)據(jù)發(fā)送到action指定的服務器上

2.重置按鈕： <input type="reset">，作用是將表單中數(shù)據(jù)清空

3.普通按鈕：<input type="button">，普通按鈕在沒有添加js代碼情況下，是不能提交表單的

13. frameset:框架集，用于將整個瀏覽器窗口劃分成多個小窗口，每個小窗口稱為一個frame，每個小窗口(frame)都可以,加載一個獨立的html文檔

使用frameset的cols或rows屬性定義如何分割整個大窗口，

cols:定義水平方向上分割的各個frame的百分比,

rows：定義豎直方向上分割的各個frame的百分比,

noresize:不能調整frame的寬或高 frameborder="0":去掉frame的邊框

*代表剩余百分比，會自動計算

使用frame來定義每個小窗口，src指frame所加載的網(wǎng)頁的相對路徑

14. iframe:能夠包含其它文檔(網(wǎng)頁)的內聯(lián)框架，內聯(lián)就是行內，因為它能和相鄰的元素共享同一行

src:要加載的文檔的路徑 width:寬度，height:高度

frameborder:邊框，0或no代表無邊框

15. 將超鏈接所跳轉的頁面顯示在iframe的技巧:

1)給iframe元素添加一個name屬性,例如

2)超鏈接添加屬性target，值應該是iframe元素的name

16. 實體集