HTML 超链接、 图片、输入、文本域、下拉、表格等

a 超链接

<p href="www.baidu.com">This is my second paragraph.</p>

• href：跳转网址

img 图片

<img src="boat.gif" alt="Big Boat" />

• src：图片地址
• alt：图片不能加载时的替代文本

 

table 表格

• 每个单元项表示为<tr>
• 每个单元格表示为<td> ，标题单元格表示为<th>

<table>
  <tr>
    <th>学号</th>
    <th>姓名</th>
  </tr>
  <tr>
    <td>0021</td>
    <td>陈柏言</td>
  </tr>
  <tr>
    <td>0022</td>
    <td>邓怀瑾</td>
  </tr>
</table>

form 表单

<form action="action_page.php" method="GET">
  Name:
  <input type="text" name="name" value="Input your nane">
  <br/>
  Sex:
  <input type="radio" name="sex" value="male" checked>Male
  <input type="radio" name="sex" value="female">Female
  <br/>
  <input type="submit" value="Submit">
</form> 

• action：请求发送地址(URL)
• method：请求类型

 

提交按钮

<input type="submit" value="Submit">

 

输入类型

• 输入框

Username:
<input type="text" name="name" value="MrJoker">
<br/>
Password:
<input type="password" name="password">  

• 选择框

Sex:
<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female
<br/>
Vehicle:
<input type="checkbox" name="vehicle" value="Bike">I have a bike
<input type="checkbox" name="vehicle" value="Car">I have a car

• 下拉菜单

<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

• 文本域

<textarea name="message" rows="10" cols="30">Descript your car here.</textarea>