HTML基础知识点

1. 一段文字一个<p>标签，如在一篇文章中有3段文字，就要把这3个段落分别放到3个<p>标签中。
2. <strong>和<em>标签：在浏览器中<em>用斜体表示，<strong>用粗体表示。目前国内前端程序员更喜欢使用<strong>表示强调。
3. <span>标签没有语义，它是为了→→设置单独的样式←←用的。
4. <q>标签：短文本引用，注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
5. <blockquote>标签：长文本引用，浏览器对<blockquote>标签的解析是缩进样式。
6.  ：添加空格。
7. <hr>标签：添加水平横线。
8. <address>标签：添加地址信息，浏览器显示的样式为斜体。
9. <code>标签：加入一行代码。
10. <pre>标签：加入大段代码，被包围在pre元素中的文本通常会保留空格和换行符。
11. table标签（table、tbody、tr、th、td）
    ①<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
    ②<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。
    ③<tr>…</tr>：表格的一行，所以有几对tr，表格就有几行。
    ④<td>…</td>：表格的一个单元格，一行中包含几对<td>…</td>，说明一行中就有几列。
    ⑤<th>…</th>：表格的头部的一个单元格，表格表头，th标签中的文本默认为粗体并且居中显示。
12. caption标签（为表格添加标题和摘要）
    ①摘要：<table summary="表格简介文本">，摘要的内容不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
    ②标题：<caption>标题文本</caption>。
13. a标签
    ①target="_blank"：在新建浏览器窗口中打开链接。
    ②mailto：在网页中链接Email地址（详情使用见慕课网4-3）。
14. <img>标签
    ①alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本。
    ②title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)。
15. <form>标签（<form method="传送方式(get/post)" action="服务器文件">）
    ①当type="text"时，输入框为文本输入框；
    当type="password"时, 输入框为密码输入框。
    ②<textarea rows="行数" cols="列数">文本</textarea>，多行文本输入。
    ③<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
    当type="radio"时，控件为单选框；
    当type="checkbox“时，控件为复选框；
    当设置checked="checked"时，该选项被默认选中；
    同一组的单选按钮，name取值一定要一致，单选按钮才可以起到单选的作用。
    ④<select>，下拉列表框
    <option value='提交值'>选项</option>；
    设置selected="selected"属性，则该选项就被默认选中；
    设置multiple="multiple"属性，下拉列表框进行多选（进行多选时按下Ctrl键同时进行单击）。
    ⑤当type="submit"时，为提交按钮；
    当type="reset"时，为重置按钮。
    ⑥label标签（<label for="控件id名称">）
    标签的for属性中的值应当与相关控件的id属性值一定要相同。