【快捷键】

快捷键 作用 备注

Ctrl+u Dw的软件设置

F12 在浏览器中预览

Ctrl+F12 次浏览器预览

Ctrl+t 环绕标签

Ctrl+h 唤醒代码提示 有的地方是ctrl+空格

Ctrl+shfit+space 生成一个特殊符号表示空格 普通空格浏览器只能识别1个

Shfit+enter 生成换行标签

Ctrl+alt+i 插入图像

【相对路径】

简介：相对路径这个东西非常重要也非常常用，其实它本身的原理真的非常简单一定不要想复杂。

原理：相对路径的原理是从自身文件触发去寻找目标文件，那么它分为三种情况

1.同级查找：直接写文件名（注意要加后缀）

2.下级查找：文件夹名称+反斜杠，其中反斜杠表示里面的意思。 （下级又称之为子级）

3.上机查找：通过 ../符号表示上一级然后写要查找的文件名。

总结：不管要找哪个文件最后文件名肯定都需要书写。我们只做网页除了网址以外要求都使用相对路径。

相对路径有两个要求：

1.相对路径不跨盘符查找。

2.相对路径的整个过程中不能有中文。

【列表】

简介：列表是html当中比较大的一个分类也是很常用的一种数据结构。互联网上的数据很多时候是量非常大的，那么这种量很大的数据用什么结构表现能够非常清楚主要就是列表 结构。

《无序列表》

无序列表的基本结构：

Ul>li  其中ul表示列表整体，li表示列表项；一套无序列表可以有无数个li

无序列表属性：

Type表示格式或类型；

Disc表示小黑点默认的。

Circle 空心小圆。

Square 小方块。

《有序列表》

实际上无序列表和有序列表就是同一个东西只不过列表样式不同而已。

基本结构：

Ol>li 其中 ol表示列表整体。

这套列表的属性和无序列表一样也是只有type一个

1,i,I,a,A 注释这几个值就不用刻意记了直接通过代码提示选择即可。

《项目列表》

基本结构：

Dl>dt+dd

Dl表示项目列表整体； dt表示项目名称或标题，dd表示详情或内容。

注意事项，dl在使用过程当中一个dt可以有多个dd来修饰。 将来在css中项目列表经常用来制作图文混排。

【超链接标签】

超链接是通过a标签来实现的，它有一个必须要添加的属性就是href 表示链接的地址，它的值可以写两种 网址，任何本地的相对路径。

注意事项：网址需要写全在前面要添加 http://协议符号。

Target属性，值为_blank  作用：在新建窗口中打开超链接。

【表格】

简介：表格曾经在网页制作的时候风靡一时基本上有一个时代所有的网页都是依靠表格来制作的，但是后来被div+css布局淘汰。

《表格基础》

表格标签的基本结构：

Table>tr>td

Table:表格整体； tr成行管理td； td表示一个单元格也相当于表格中的列数。

《table的属性》

Table最重要的属性就是

Cellspacing 单元格的外边距；

Cellpadding 单元格的内边距；

Table这种东西有两种类型的尺寸一个是人为尺寸一个是自然尺寸， 自然尺寸只和内容的多少有关，会根据内容自动分配宽度和高度的大小。

其他属性

Width，height，align，bgcolor，background，border

《Tr和td的属性》

Tr和td相对table来讲多了一个valign属性，这个属性是控制单元格内部文字内容的垂直对齐方式的。

垂直对齐的三个值：top，middle，bottom 分别表示上中下。

《细线表格》***

总结：首先细线表格比正常的表格更为常用，细线表格制作的方法在于渲染了两次背景色，实际上细线表格的边框是table背景色漏出来的间距。是靠cellspacing控制粗细的。

《单元格合并》

表格的td合并我们是通过设计视图的属性面板进行快速合并，属性面板快捷键 ctrl+F3;

【表单元素】

介绍：在html语言当中如果提到，标签，标记，元素，节点指的统统都是同一个东西就是标签。

什么是表单？

表单是html当中一类特殊的标签，将来用户可能会控制或操作的这一类标签称之为表单，专业一点说就是跟用户发生交互的这些标签。例如按钮，下拉菜单，一些控制组件，文本输入框，密码输入框。

《下拉菜单标签》

基本结构：特别像ul.li

Select>option

属性：selected=”selected”作用是修改默认被选中的选项。

《表单分组》

表单分组是通过一套标签；

节本结构是：

Fieldset>legend 其中第一个领域的意思表示整个组，第二个单词领导的意思表示组名。

《表单发送标签》

介绍：表单发送主要是将表单中的所有数据发送给后台的作用。表单发送主要通过一个标签 form，这个标签是隐形看不见的。 Form标签有能力将其内部嵌套的所有的表单元素收集上来的数据传递发送给服务器。作为了解form标签有一个属性action是设置发送地址的。

《input标签》

对于整个表单元素大类来讲input是最核心的标签，它的几个不同的type值一定要单独记住。

Type值一共需要记住9个；

Text 文本框

Password 密码框

Button 普通按钮

Submit 提交form

Reset 重置form

File 上传文件

Image 图像按钮 注意必须制定src图片路径

Radio 单选按钮

Checkbox复选按钮

其中所有类型的按钮都可以通过value改变按钮上的文字。

《知识点》

设置radio为真正的单选功能的方法是 给所有的radio组件设置相同的name名称。