超链接<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 属性提供可描述输入字段预期值的提示信息