7-7：HTML学习#2

 本日完成了对引用，格式化，表格，表单元素的学习和尝试，学习时长4小时

·<pre> 标签用于定义预格式化的文本，pre 元素中的文本通常会保留空格和换行符，而文本自身也会呈现为等宽字体。

实例：                                                                           

 ·<code> 标签用于定义计算机代码片段，显示代码。

·<var> 标签用于定义程序的变量。

·<kbd> 标签用于定义键盘输入文本。

·<samp> 标签用于定义计算机程序的输出。

实例：

引用元素

·<q> 标签定义较短的引用，浏览器通常会在引用内容的两侧添加引号。

属性	值	描述
cite	URL	规定引用的来源。

·<blockquote> 标签定义块引用，用于较长的引用。

属性	值	描述
cite	URL	规定引用的来源。

·<cite> 标签定义作品（比如书籍等）的标题，默认斜体。

·<abbr> 标签定义简称或缩写，通过对缩写进行标记，能够为浏览器、拼写检查和搜索引擎提供有用的信息。

·<dfn> 标签表现定义中的术语，默认斜体。

·<address> 标签定义文档或文章的作者/拥有者的联系信息。

·<ruby> 标签定义注音符号，ruby 元素需要与 rt 元素和 rp 元素搭配使用，其中，rt 元素用来标记注音符号，rp 元素则用来标记当浏览器不支持 ruby 元素时所显示的内容。

·<bdo> 标签修改默认的文本方向。

属性	值	描述
dir	ltr、rtl	定义文字的方向（ltr -> left to right；rtl -> right to left）

格式元素

·<strong> 标签用于定义表示重要的文本。

·<b> 标签用于定义表示粗体的文本，b 元素仅表示粗体的文本，不附带任何表示重要的语义。

·<em> 标签用于定义表示强调的文本。

·<i> 标签用于定义表示斜体的文本，i 元素仅表示斜体的文本，不附带任何表示强调的语义。

·<del>标签用于定义文已被删除的文本，默认文字中间线。

属性	值	描述
cite	URL	指向另外一个文档的 URL，此文档可解释文本被删除的原因。
datetime	YYYY-MM-DDThh:mm:ssTZD	定义文本被删除的日期和时间。

·<ins> 标签用于定义新插入的文本，默认下划线。

属性	值	描述
cite	URL	指向另外一个文档的 URL，此文档可解释文本被删除的原因。
datetime	YYYYMMDD	定义文本被删除的日期和时间。

·<u>标签定义与常规文本风格不同的文本。

·<mark> 标签用于定义带有标记的文本，默认荧光笔效果。

·<mark> 标签用于定义带有标记的文本。

·<sup> 标签用于定义上标文本。

·<small> 标签用于定义更小字体的文本（比如旁注）。

列表元素

·<ol> 标签用于定义有序列表。

属性	值	描述
reversed	reversed	规定列表顺序为降序。(9, 8, 7, …)
start	number	规定有序列表的起始值。
type	1、A、a、I、i	规定在列表中使用的标记类型。

·<ul> 标签用于定义无序列表。

·<li> 标签用于定义列表中的项目。

实例：                                                                                

 ·<dl> 标签定义了一个包含术语定义以及描述的列表。

·<dt> 标签用于定义列表中的项目（即术语部分）。

·<dd> 标签用于定义列表中项目的描述部分。

实例：                                                   

 表格元素

<table> 标签用于定义 HTML 表格。

<caption> 元素定义表格标题，标签必须紧随<table> 标签之后。只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。标签必须紧随</table>标签之后。只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

<tr> 标签用于定义 HTML 表格中的行。

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

属性	值	描述
headers	header_id	规定与单元格相关联的一个或多个表头单元格。
colspan	number	规定单元格可横跨的列数。
rowspan	number	设置单元格可横跨的行数。

<th> 标签用于定义表格内的表头单元格。

属性	值	描述
scope	col、colgroup、row、rowgroup	规定表头单元格是否是行、列、行组或列组的头部。
headers	header_id	规定与表头单元格相关联的一个或多个表头单元格。
colspan	number	规定表头单元格可横跨的列数。
rowspan	number	规定表头单元格可横跨的行数。

实例：                                                                      

 使用CSS中的border来设置表格的边框，border-collapse可以使多余的边框重叠，padding可以设置内边距。

·<thead> 标签定义表格的表头。 

·<tbody> 标签用于组合 HTML 表格的主体内容。

·<tfoot> 标签定义表格的页脚（脚注或表注）。

·<col> 标签为表格中一个或多个列定义属性值。

属性	值	描述
span	number 规定 col	元素应该横跨的列数。

·<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

属性	值	描述
span	number 规定 col	元素应该横跨的列数。

实例：

 表单元素

·<form> 标签用于为用户输入创建 HTML 表单。用于向服务器传输数据。

属性	值	描述
accept-charset	charset_list	规定服务器可处理的表单数据字符集。
action	URL	规定当提交表单时向何处发送表单数据。
autocomplete	on、off	规定是否启用表单的自动完成功能。
enctype	application/x-www-form-urlencoded、multipart/form-data、text/plain	规定在发送表单数据之前如何对其进行编码： application/x-www-form-urlencoded在发送前编码所有字符（默认）（空格被编码为“+”，特殊字符被编码为ASCII十六进制字符） multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值 text/plain 空格转换为 “+” 加号，但不对特殊字符编码
method	get、post	规定用于发送 form-data 的 HTTP 方法。
name	form_name	规定表单的名称。
novalidate	novalidate	如果使用该属性，则提交表单时不进行验证。
target	_blank、_self、_parent、_top、framename	规定在何处打开 action URL。

·<input> 标签用于搜集用户信息。

·<button> 标签用于定义一个按钮，使用 input 元素也可以设置成按钮的样式，但是在 button 元素的内部，你可以放置文本或图像，而 input 元素则不行。

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

属性	值	描述
for	id	指定 label 将绑定另一个表单元素的 ID 属性值
form	formid	指定 label 所属的表单 ID

·<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

属性	值	描述
disabled	disabled	禁用 fieldset
form	form_id	指定 fieldset 所属的表单 ID
name	value	指定 fieldset 的名称

·<legend> 标签用于为 fieldset 元素定义说明文字。

·<option> 标签用于定义下拉列表中的一个选项。

属性	值	描述
disabled	disabled	指定该选项被禁用
label	text	指定该选项在列表中所显示的标签
selected	selected	指定该选项表现为选中状态
value	text	指定发到服务器的选项值

·<optgroup> 标签用于为下拉列表的选项进行分组。