<em></em>斜體
<strong></strong>粗體
<span></span>設置單獨樣式
<style>span{…}</style>
<q></q>雙引號懒熙,引用昌腰,簡短文本
<blockquote></blockquote> 長文本引用您宪,縮進樣式
<br/> 回車
空格
<hr/> 分隔線
<addresss>地址
<code>顯示代碼程序,一行
<pre>長段代碼</pre>
<u><li>列表
<ol><li>有序列表
<table><today><tr>表格芍躏,全部顯示,行
<th>加粗標題
<td>行中的一列
<style type="text/css">
table tr td,th{
border:1px solid #000;
}
</style> 給表格加邊框
<a href=”目標網(wǎng)址” target=”_blank”></a>目標網(wǎng)址在新窗口中打開
Paste_Image.png
<form method=”傳送方式” action=”服務器文件”> 表單
<form><input type=”text/password” name=”名稱” valule=”文本”/></form>
Type=text 文本輸入 password 密碼框輸入
Name 文本框名字
Value 為文本輸入框設置默認值<textarea rows=”行數(shù)” cols=”列數(shù)”> 文本 </textarea> 大段輸入的表格文本框
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
1降狠、type:
當 type="radio" 時对竣,控件為單選框;同一組的單選按鈕榜配,name 取值一定要一致否纬,這樣同一組的單選按鈕才可以起到單選的作用。
當 type="checkbox" 時蛋褥,控件為復選框
2临燃、value:提交數(shù)據(jù)到服務器的值(后臺程序PHP使用)
3、name:為控件命名,以備后臺程序 ASP膜廊、PHP 使用
4乏沸、checked:當設置 checked="checked" 時,該選項被默認選中
下拉列表
<option value=’提交值’>顯示的值</option>
Selected=”selected” 默認選中
下拉列表也可以進行多選操作爪瓜,在<select>標簽中設置multiple="multiple"屬性蹬跃,就可以實現(xiàn)多選功能,在 windows 操作系統(tǒng)下铆铆,進行多選時按下Ctrl鍵同時進行單擊(在 Mac下使用 Command +單擊)蝶缀,可以選擇多個選項
<input type="submit" value="提交"> 提交按鈕
type:只有當type值設置為submit時,按鈕才有提交作用
value:按鈕上顯示的文字
實例
<!DOCTYPE HTML>
<html>
<head>
<title>電影小調(diào)查</title>
<style>span{color:red}</style>
</head>
<body>
<h1>你 喜歡的電影</h1>
<hr/>
<p>你<strong>最喜歡</strong>的<em>電影</em>是什么薄货?</p>
<form method="post" action="save.php">
<label for="myname">姓名:</label>
<input type="text" value=" " name="myname" />
<br/><br/>
<label>你的性別是: </label>
<input type="radio" value="1" name="gender" />
<label>girl</label>
<input type="radio" value="2" name="gender" />
<label>boy</boy>
<br/><br/>
<label><span>密碼:</span></label>
<input type="password" value="" name="pass" />
<br/><br/>
<label>你最喜歡的電影是:</label>
<select>
<option value="美女與野獸">美女與野獸</option>
<option value="長城">長城</option>
<option value="擺渡人" select="selected">擺渡人</option>
</select>
<br/><br/>
</form>
<h3>你的評價</h3>
<form>
<textarea rows="10" cols="50">請輸入你的評價</textarea>
<br/>
<input type="submit" value="確認" name="submitBtn" />
<input type="reset" value="重置" name="resetBtn" />
</form>
<a target=”_blank”>歡迎點擊搜索</a>
<br/>
<a href="mailto:229658140@qq.com?subject=電影&body=我最喜歡了">發(fā)送郵件查詢</a>
</body>
</html>
Paste_Image.png