前端基础（5）：html语法（4）： <br> <td><tr><label>标签

日期：2017/11/7

       今早学习了html语法中的几个标签： <br> <td><tr><label>：

<form name="form1" action=http://localhost/my/ManyParameters method=get>
<table width="340" border="1">
<tr>
<td width="92">param1</td>
<td width="94"><input name="param1" type="text"></td>
</tr>
<tr>
<td width="92">param2</td>
<td><lable>
<input name="param2" type="text">
</lable></td>
</tr>
<tr>
<td width="92">param3</td>
<td width="94"><input name="param3" type="text"></td>
</tr>
<tr>
<td><label>
<td width="94"><input type=submit value="Submit"></td>
</label></td>
</tr>
</table>
<input type=hello name=Earth>
</form>

运行效果：

一、<br>标签--标准换行

         定义和用法：<br> 可插入一个简单的换行符。

         <br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。

         请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。请使用 <br> 来输入空行，而不是分割段落。

         该标签支持HTML 全局属性，如下列表：

属性	描述
accesskey	规定激活元素的快捷键。
class	规定元素的一个或多个类名（引用样式表中的类）。
contenteditable	规定元素内容是否可编辑。
contextmenu	规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
data-*	用于存储页面或应用程序的私有定制数据。
dir	规定元素中内容的文本方向。
draggable	规定元素是否可拖动。
dropzone	规定在拖动被拖动数据时是否进行复制、移动或链接。
hidden	规定元素仍未或不再相关。
id	规定元素的唯一 id。
lang	规定元素内容的语言。
spellcheck	规定是否对元素进行拼写和语法检查。
style	规定元素的行内 CSS 样式。
tabindex	规定元素的 tab 键次序。
title	规定有关元素的额外信息。
translate	规定是否应该翻译元素内容。

二、<td>标签--标准单元格

        定义和用法:<td> 标签定义 HTML 表格中的标准单元格。

             HTML 表格有两类单元格：

                          表头单元 - 包含头部信息（由 th 元素创建）
                          标准单元 - 包含数据（由 td 元素创建）
                          td 元素中的文本一般显示为正常字体且左对齐。

可选择以下属性：

属性	值	描述
abbr	text	规定单元格中内容的缩写版本。
align	left right center justify char	规定单元格内容的水平对齐方式。
axis	category_name	对单元进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取而代之。 规定单元格的背景颜色。
char	character	规定根据哪个字符来进行内容的对齐。
charoff	number	规定对齐字符的偏移量。
colspan	number	规定单元格可横跨的列数。
headers	header_cells'_id	规定与单元格相关的表头。
height	pixels %	不赞成使用。请使用样式取而代之。 规定表格单元格的高度。
nowrap	nowrap	不赞成使用。请使用样式取而代之。 规定单元格中的内容是否折行。
rowspan	number	规定单元格可横跨的行数。
scope	col colgroup row rowgroup	定义将表头数据与单元数据相关联的方法。
valign	top middle bottom baseline	规定单元格内容的垂直排列方式。
width	pixels %	不赞成使用。请使用样式取而代之。 规定表格单元格的宽度。

三、<tr>标签--标准行

         定义和用法

               <tr> 标签定义 HTML 表格中的行。tr 元素包含一个或多个 th 或 td 元素。

可选属性列表：

属性	值	描述
align	right left center justify char	定义表格行的内容对齐方式。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取而代之。 规定表格行的背景颜色。
char	character	规定根据哪个字符来进行文本对齐。
charoff	number	规定第一个对齐字符的偏移量。
valign	top middle bottom baseline	规定表格行中内容的垂直对齐方式。

四、<label>标签

       定义和用法

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

     <label> 标签同样支持 HTML 中的全局属性。