2、<tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不用等整个表格加载完后显示。）

3、<tr>：表格的一行，所以有几对tr 表格就有几行。

4、<th>：表格的头部的一个单元格，表格表头，文本默认粗体且居中显示。

5、<td>：表格的一个单元格，一行中包含几对<td>这行中就有几个单元格。

6、表格中列的个数，取决于一行中数据单元格的个数。

表格可以添加标题和摘要标签进行优化。

摘要的内容不会在浏览器中显示。作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

描述表格内容，标题的显示位置：表格上方。

空格 后代选择器（交集、并集）

优先级： id选择器>类选择器>标签选择器

在网页中显示一些计算机专业的编程代码，当代码为一行时，使用<code>标签语法：<code>代码语言</code>

注意：如果要插入多行代码时不能使用<code>。多行代码可以用<pre>。

<pre> 标签作用：预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

title属性的作用：鼠标滑过链接文字时会显示这个属性的文本内容。这个属性能方便搜索引擎了解链接地址的内容(语义化更友好)。

如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

当用户需要在表单中输入大段文字时，需要用到文本输入域。

2、cols ：多行输入域的列数。

3、rows ：多行输入域的行数。

下拉列表进行多选操作：在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在windows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。

为同一个元素设置了不同的CSS样式代码时，浏览器根据权值来判断使用权值最高的样式。

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

!important要写在分号的前面，但注意当网页制作者不设置css样式时，浏览器会按照自己的样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但 !important优先级例外，权值高于用户自设置的样式。

置换元素会根据标签属性来显示的元素。反之就是非置换元素了。

布局模型与盒模型一样都是 CSS概念。布局模型建立在盒模型基础上，不同于我们常说的 CSS 布局样式或 CSS 布局模板。CSS布局模板是外在的表现形式。

在网页中，元素有三种布局模型：

1、流动模型（Flow）

流动（Flow）是默认的网页布局模式。特征：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

流动模型下，内联元素会在所处的包含元素内从左到右水平分布显示。

任何元素默认是不能浮动的，可用CSS定义为浮动。

让html元素在网页中精确定位，就像PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。

将元素从文档流中拖出来，然后用left、right、top、bottom属性相对最靠近它的一个带有定位属性的父包含块进行绝对定位。如果不存在这样的父包含块，则相对于body元素即相对于浏览器窗口。

元素在正常文档流中的偏移位置。首先按static(float)方式生成一个元素(元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留。

始终位于浏览器窗口内视图的设置位置，不受文档流动影响，

1、参照定位的元素必须是相对定位元素的前辈元素。

每一项的值可以是 0~255 的整数，也可以是0%~100% 的百分数。如：

像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器和使用显示器的实际像素值有关。

块状元素没有设置宽度时怎么居中?

2.设置 display: inline方法：显示类型设为行内元素，进行不定宽元素的属性设置

不论什么元素(display:none除外)，设置以上属性之一，该元素的display显示类型就会自动变为 以display:inline-block(行内块状元素)方式显示，此时可设置元素的 width 和 height，且默认宽度不占满父元素。

(如 a是行内元素，直接设置它的 width 无效，但设置 position:absolute 绝对定位后就可以设置宽度)

"计算机输出" 标签：

<pre> 预格式化文本(会保留文本的多个空格)

引文、引用、及标签定义：

title=""属性规定关于元素的额外信息。标签中加上title属性可实现鼠标移过时出现提示文字，如<p title="提示">

描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:

每个颜色的最低值为0(十六进制为00)，最高值为255(十六进制为FF)。

十六进制值写法：#号后加3个或6个十六进制字符。

三位数表示法为：#RGB，转换为六位数表示为：#RRGGBB

http 超文本传输协议 以http:// 开头的普通网页，不加密。

https 安全超文本传输协议 安全网页，加密所有信息交换。

ftp 文件传输协议 用于将文件下载或上传至网站。

file 您计算机上的文件。

2.雅虎播放器使用免费，提供一个小型的播放按钮。

（1）如需使用它，需要把这段 JavaScript 插入网页底部：

（2）然后把MP3文件链接到页面中，JS会自动为每首歌创建播放按钮如：

以下代码指向 mp3 文件链接。如果用户点击该链接，浏览器会启动"辅助应用程序"来播放该文件：

video视频播放设置

如果要在网页中播放视频，可把视频上传到优酷等视频网站，然后在你的网页中插入 HTML代码即可播放视频：

如果网页包含指向媒体文件的超链接，大多数浏览器会使用"辅助应用程序"来播放文件。

以下代码指向 AVI文件的链接。如果用户点击该链接，浏览器会启动"辅助应用程序"如 Windows Media Player 来播放该 AVI 文件：

HTML中如何键入空格？

但&nbsp有不间断的特性。即连续的&nbsp会在同一行内显示。即使有100个连续的&nbsp，浏览器也不会把它们回车拆行。

3.用JS动态给HTML添加空格：

例为照顾CSS样式或照顾特殊效果的实现。如果你不单单想让div之间是null，而是想动态添加空格的话，这样(jquery):

clip 剪辑一个绝对定位的元素。

1.Anchor伪类 (伪类如:link冒号和伪类名之间不能有空格)

在支持 CSS 的浏览器中，链接的不同状态可用不同的方式显示：

2.CSS类和伪类配合使用：

White-space属性：设置如何处理元素内的空白。

normal 默认。空白会被浏览器忽略。

pre 空白会被浏览器保留。其行为方式类似 <pre>标签。

nowrap 文本不会换行，文本在同一行上继续，直到遇到<br/>为止。

pre-wrap 保留空白符序列，但是正常地进行换行。

pre-line 合并空白符序列，但是保留换行符。

——viewport 是用户网页的可视区域。

在html5之前的版本中如果想要在网页中插入音频和视频必须要安装插件才可以，比如最常见的flash插件。很多人在刚安装一款浏览器的时候都会遇到浏览器建议安装flash插件，在移动端也是如此。如果想要在手机上面看视频必须要安装flash插件，但是手机本身内存就很小这样无疑增加了手机处理器德尔压力所以苹果公司在2007年之后宣城自己的任何设备将不再支持flash插件，不就安卓也紧随其后，那么取而代之的就是用html标签。

在html中插入视频标签

voedo标签是双标签，跟所有html标签一样有很多属性，src就是最基本的属性表示引入的视频地址，示例中视频地址格式为webm，那么html支持哪些视频格式呢？

看来哪种浏览器支持哪种格式都不是统一的，我们要写一个让所有支持html5标签的浏览器都正常显示的代码需要借助其一个子标签source 将示例补充如下

这样写就好了，放三个不同格式的视频在一起这样所有的所有支持html5的浏览就会从第一个开始找直到发现自己认识的格式，但是这样也仅仅是针对支持html5的浏览器那对于ie9以下不支持的浏览器会显示空白，所以我们也要有所提示告诉用户这个地方是一个视频标签

这样就会在不支持html5video标签的浏览器中显示这一句话，提醒用户更换浏览器或者升级浏览器。

在video标签可以正常显示时候就该考虑它的更多复杂的用法了，下面是其他属性：

在html5中是包含API的，所以video标签在javascript中也有很多属性和方法的API提供下面是详细：

1. html5-8 如何控制html5中的视频标签和音频标签 一.总结 一句话总结:找到视频或者音频的element对象,然后查手册看对应的方法或者属性就可以,里面有控制的. 1.如何控制html5中的视 ...

2. 1.音频和视频  Web 上的视频 直到现在,仍然不存在一项旨在网页上显示视频的标准. 今天,大多数视频是通过插件(比如 Flash)来显示的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定 ...

3. 最近在研究用视频代替动画,用视频代替精灵动画,我们称这种视频叫做交互视频. 传统的精灵动画: 磁盘空间大,下载慢,尤其是在线播放,会更慢 文件太多,在线播放的时候,太多http请求,会导致响应慢,或者 ...

4. html5页面怎么播放音频和视频 一.总结 一句话总结:html5 音频和视频标签:(audio And video),局限是不同浏览器对音频视频的格式支持很让人头痛 1.最基础的音频和视频标签的使用 ...

5. 一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...

1. (1)lua 和 C++之间的交互的基本知识: lua 和 C++ 之间的数据交互通过堆栈进行,栈中的数据通过索引值进行定位,(栈就像是一个容器一样,放进去的东西都要有标号)其中栈顶是-1,栈底是1, ...

2. 今天跟大家分享一下有关HTML中比较重要的一个知识点-表单: <form></form>表单 这是一个双标签,form表单有两个必须要有的属性,①action就是指表单传递到的 ...

3. 数据类型 一.介绍 存储引擎决定了表的类型,而表内存放的数据也要有不同的类型,每种数据类型都有自己的宽度,但宽度是可选的 mysql常用数据类型概括:#1. 数字: 整型:tinyint.int.bi ...