超链接<a>标签
-
href链接地址，常见链接如下：-
http://baidu.com网站链接 -
mailto:328664896@qq.com邮件链接 -
/HTML文档.html文档链接 -
tel:0512-XXXXX电话链接
-
-
title提示内容 -
target链接的文档在何处显示- 默认在当前页面显示
-
_blank在新窗口显示
标题
<h1>到<h6>分别表示1到6号标题
段落
段落由<p>标签来表示
图片
图片由<img>标签来表示，常见属性
-
src图片地址 -
alt图片加载失败后显示的文字
列表
有序列表由ol表示，子列表用li
无序列表由ul表示，子列表用li
标签
标签由<label>表示,常见属性
for
表格
表格由<table>表示，如下
<table>
<thead>
<tr>
<th>国籍</th>
<th>省份</th>
</tr>
</thead>
<tbody>
<tr>
<td>中国</td>
<td>江苏省</td>
</tr>
<td>美国</td>
<td>纽约</td>
<tr>
<!-- 跨两列 -->
<td colspan="2"></td>
</tr>
<tr>
<!-- 跨两行 -->
<td rowspan="2"></td>
</tr>
</tbody>
</table>
表单
- 文本框
<input type="text"> - 文本域
<textarea></textarea>相较于文本框可以输入更多内容 - 单选框
<input type="radio" name="one"> - 复选框
<input type="checkbox" name="two"> - 下拉选择框
<select>
<option value="1">苹果</option>
<option value="2">香蕉</option>
</select>
- 数字框
<input type="number"> - 提交按钮
<button type="submit">提交</button> - 重置按钮
<button type="reset"></button> -
<datalist>元素为<input>元素规定预定义选项列表。
用户会在他们输入数据时看到预定义选项的下拉列表。
<input>元素的 list 属性必须引用<datalist>元素的 id 属性。实例如：
<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
</form>
-
readonly属性规定输入字段为只读。实例如下：
<form action="demo_form.asp" method="get">
Name: <input type="text" name="fullname" />
Country: <input type="text" name="country" value="China" readonly="readonly" />
<input type="submit" value="Submit" />
</form>
-
disabled属性规定禁用input元素,被禁用的input元素既不可用，也不可点击。 -
placeholder属性提供可描述输入字段预期值的提示信息
