基本文檔
文檔標題
可見文本...
基本標簽(Basic Tags)
最大的標題
. . .
. . .
. . .
. . .
最小的標題
這是一個段落拐格。
(換行)
(水平線)
文本格式化(Formatting)
粗體文本
計算機代碼
強調(diào)文本
斜體文本
鍵盤輸入
預(yù)格式化文本
更小的文本
重要的文本
(縮寫)
(聯(lián)系信息)
(文字方向)
(從另一個源引用的部分)
(工作的名稱)
(刪除的文本)
(插入的文本)
(下標文本)
(上標文本)
鏈接(Links)
普通的鏈接:?http://www.example.com/">鏈接文本
圖像鏈接:?http://www.example.com/">
郵件鏈接:?mailto:webmaster@example.com">發(fā)送e-mail
書簽:
提示部分
跳到提示部分
圖片(Images)
講解:1吝沫、src:標識圖像的位置;2睁宰、alt:指定圖像的描述性文本,當圖像不可見時(下載不成功時)指孤,可看到該屬性指定的文本狈蚤;3列牺、title:提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)整陌;4、圖像可以是GIF瞎领,PNG泌辫,JPEG格式的圖像文件。
樣式/區(qū)塊(Styles/Sections)
h1 {color:red;}
p {color:blue;}
文檔中的塊級元素
文檔中的內(nèi)聯(lián)元素
列表
無序列表
項目
項目
有序列表
第一項
第二項
定義列表
項目 1
描述項目 1
項目 2
描述項目 2
表格(Tables)
表格標題
表格標題
表格數(shù)據(jù)
表格數(shù)據(jù)
框架(Iframe)
表單(Forms)
蘋果
香蕉
櫻桃
講解:1. :標簽是成對出現(xiàn)的默刚,以開始甥郑,以結(jié)束。 2.action:瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個PHP頁面(save.php)荤西。 3.method:數(shù)據(jù)傳送的方式(get/post)。
method="post"? ?action="save.php">
用戶名:
密碼:
注意:1伍俘、所有表單控件(文本框邪锌、文本域、按鈕癌瘾、單選框觅丰、復(fù)選框等)都必須放在 標簽之間(否則用戶輸入的信息可提交不到服務(wù)器上哦!)妨退。2妇萄、method : post/get 的區(qū)別這一部分內(nèi)容屬于后端程序員考慮的問題。感興趣的小伙伴可以查看本小節(jié)的 wiki咬荷,里面有詳細介紹冠句。
實體(Entities)
等同于空格
<?等同于?<
>?等同于?>
??等同于??
輸入框(Entities)
1、type:
當type="text"時幸乒,輸入框為文本輸入框;
當type="password"時,輸入框為密碼輸入框懦底。
2、name:為文本框命名罕扎,以備后臺程序ASP 聚唐、PHP使用丐重。
3、value:為文本輸入框設(shè)置默認值杆查。(一般起到提示作用)
文本域扮惦,支持多行文本輸入
當用戶需要在表單中輸入大段文字時,需要用到文本輸入域亲桦。
語法:
rows="行數(shù)"cols="列數(shù)">文本
1崖蜜、標簽是成對出現(xiàn)的,以<textarea>開始烙肺,以結(jié)束纳猪。2、cols :多行輸入域的列數(shù)桃笙。
3氏堤、rows :多行輸入域的行數(shù)。
4搏明、在標簽之間可以輸入默認值鼠锈。
使用單選框、復(fù)選框星著,讓用戶選擇
在使用表單設(shè)計調(diào)查表時购笆,為了減少用戶的操作,使用選擇框是一個好主意虚循,html中有兩種選擇框同欠,即單選框和復(fù)選框,兩者的區(qū)別是單選框中的選項用戶只能選擇一項横缔,而復(fù)選框中用戶可以任意選擇多項铺遂,甚至全選。請看下面的例子:語法:
1茎刚、type:
當type="radio"時襟锐,控件為單選框
當type="checkbox"時,控件為復(fù)選框
2膛锭、value:提交數(shù)據(jù)到服務(wù)器的值(后臺程序PHP使用)
3粮坞、name:為控件命名,以備后臺程序 ASP初狰、PHP 使用
4莫杈、checked:當設(shè)置 checked="checked" 時,該選項被默認選中
使用下拉列表框跷究,節(jié)省空間
下拉列表在網(wǎng)頁中也常會用到姓迅,它可以有效的節(jié)省網(wǎng)頁空間。既可以單選、又可以多選丁存。如下代碼:
講解:
1肩杈、value:
2、selected="selected":
設(shè)置selected="selected"屬性解寝,則該選項就被默認選中
使用下拉列表框進行多選
下拉列表也可以進行多選操作扩然,在標簽中設(shè)置multiple="multiple"屬性,就可以實現(xiàn)多選功能聋伦,在 windows 操作系統(tǒng)下夫偶,進行多選時按下Ctrl鍵同時進行單擊(在 Mac下使用Command+單擊),可以選擇多個選項觉增。如下代碼:
使用提交按鈕兵拢,提交數(shù)據(jù)
在表單中有兩種按鈕可以使用,分別為:提交按鈕逾礁、重置说铃。這一小節(jié)講解提交按鈕:當用戶需要提交表單信息到服務(wù)器時,需要用到提交按鈕嘹履。
語法:
type="submit"value="提交">
type:只有當type值設(shè)置為submit時腻扇,按鈕才有提交作用
value:按鈕上顯示的文字
使用重置按鈕,重置表單信息
當用戶需要重置表單信息到初始時的狀態(tài)時砾嫉,比如用戶輸入“用戶名”后幼苛,發(fā)現(xiàn)書寫有誤,可以使用重置按鈕使輸入框恢復(fù)到初始狀態(tài)焕刮。只需要把type設(shè)置為"reset"就可以舶沿。
語法:
type="reset"value="重置">
type:只有當type值設(shè)置為reset時,按鈕才有重置作用
value:按鈕上顯示的文字