表示層 HTML【JavaEE】

PS:This is一節複習課,將比較糙;


一、HTML

是一組標籤,負責網頁的基本表現形式。

1》顯示控制常用標籤

標記

說明

<html></html>

用來標記該文件是HTML文檔,<html>標識文檔開始,</html>標識文檔結束

<head></head>

標記文檔的頭部信息,說明文檔的基本情況,在此標籤對之間可使用<title></title><script></script>等描述HTML文檔相關信息的標籤對

<body></body>

HTML文檔的主體部分,包含顯示信息及其控制信息顯示的各種標籤

<h#></h#>

標題標記,#=1,2,3,4,5,6,定義了6級標題,每級標題的字體大小依次遞減

<font></font>

字體標記:size屬性,設置字體大小;color屬性,設計字體顏色,

<p></p>

段落標記:屬性align指定對齊方式。

<hr/>

水平分隔線標記:屬性width設置線的長度,size設置線的粗細

<br/>

插入一個回車換行符

<ol></ol>

<ul></ul>

列表標籤,<ol></ol>爲有序標籤、<ul></ul>爲無序標籤,

標籤內利用<li></li>給出元素列表

<a> </a>

超鏈接標籤,實現從一個頁面到另一個頁面的跳轉

<img>

圖片標記,用於控制圖片的顯示方式

<table><tr><td>

表格標記,用來定義表格、表格行、單元格等。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2》表單設計標籤

名稱

格式

說明

表單定義

<form name="表單名稱" method="提交方法" action="處理程序">各項表單域</form>

聲明表單

文本域

<input  type="text" name="文本字段名稱"

maxlength=" " size=" " value=" ">

sizemaxlength屬性用來定義此區域顯示的尺寸大小與輸入的最大字符數

密碼域

<input type="password"  name="密碼字段名稱"

size=" "  maxlength=" " value=" " >

當用戶輸入密碼時,區域內將會顯示“*”號代替用戶輸入的內容

單選按鈕

<input type="radio" name=" " value=" " checked />

checked屬性用來設置該單選按鈕默認狀態是否被選中

複選框

<input type="checkbox" name=" " value=" " checked />

checked屬性用來設置該複選框鈕默認狀態是否被選中

提交按鈕

<input type="submit" name=" " value=" "/>

將表單內容提交給服務器的按鈕

取消按鈕

<input type="reset" name=" " value=" "/>

將表單內容全部清除,重新填寫的按鈕

圖像按鈕

image

<input type="image" src="圖片"/>

使用圖像代替submit按鈕,圖像的源文件名由src屬性指定

文件域

<input type="file" name=" " size=" " maxlength=" ">

上傳文件

隱藏域

<input type="hidden" name=" "  value=" " />

不在其中輸入信息,預設要傳遞的信息

下拉列表框

<select name="" size="" multiple>

   各列表項: <option value="">…</option>

</select>

通過<select><option>標記下拉式的列表或帶有滾動條的列表

多行文本框

<textarea name="" rows="" cols="" >初始值</textarea>

rows輸入域行數,cols輸入域列數

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章