HTML基础知识点总结_精品文档.doc

《HTML基础知识点总结_精品文档.doc》由会员分享，可在线阅读，更多相关《HTML基础知识点总结_精品文档.doc（7页珍藏版）》请在冰豆网上搜索。

HTML知识点总结

第一章：

知识总结

1.HTML文档结构（括号里面的是注释）

DOCTYPEhtml>

*注：

DOCTYPE>标签没有结束标签！

（头部部分）

（可写可不写）

（主体部分）

（页面内容）

标签中的属性有：

bgcolor=颜色（背景颜色）background=图片的绝对路径或相对路径（背景图片）

2.标题标签n取1~6（设置文字标题）：

1）

一级标题

2）

二级标题

3）

三级标题

4）

四级标题

5）

五级标题

6）

六级标题

3.标签（设置文字属性）

要设置的文字

4.特殊符号

特殊符号

代码

空格

大于号（>）

>

小于号（<）

<

引号

"

版权号（©）

©

5.行的控制相关标签

段落标签

（段落的对其方式）

换行标签

6.图片标签

align="top/bottom/middle/left/right"border="图片的边框宽度">

（align是用于调整图片相对于周围文本的对其方式）

7.文字布局

1）水平线

2）有序列表的语法

（序号类型有：

1、a、A、ⅰ、I）

……

3）无序列表语法

（序号类型有：

disc（默认值,实心圆点）、circle（空心圆环）、square（空心正方形））

4）预格式文本语法

（具体的文本格式，这个格式在时是不改变的哦！
）

8.页面链接语法

1）链接到其他页面

连接标志

2）链接到本页面

首先创建一个锚链接的锚记点：

主题名称

然后在具体要链接到的地方设置name:

（锚记点前面要加上#号）

3）电子邮件链接

邮件地址”>站长邮箱（注意不能忘了mailto）

9.滚动标签的语法

滚动的文字和图像

第二章知识点总结

1.表格的基本框架语法

（行）

（单元格）

2.填充、间距属性

cellpadding:

内容与单元格内边框线的距离（内填充）cellspacing：

单元格之间的距离（外间距）

第三章知识点总结

1.表单的基本结构

具体的内容

2.表单中的元素

1）.元素

（单行文本框）

（单行文本框——设置密码）

（单选按钮——男）（设置单选按钮的时候名字一定要一样）

（单选按钮——女）

（按钮——提交）

（按钮——重置）

玩游戏（复选框）

2）.下拉列表元素

语法：

内容

内容

内容

内容

……

3）.多行文本框元素

语法：

具体的内容

3.框架

1）.框架的基本结构（注意：

此时不能要）

2）.框架页面之间的链接

第一步：

在设计好的框架页面中给每个部分定义一个名字；

Eg:

第二步：

设置导航栏中的超链接的target目标窗口属性；

Eg:

链接标志

第四章知识点总结

1.样式类型，分为三种

1）标签选择器

语法：

标签{

属性:

属性值;

}

P{font-size:

20px;color:

blue}

不需要调用，直接创建标签就能使用

2）class选择器

语法：

。

类名{

属性:

属性值;

}

.my{font-size:

20px;color:

blue}

调用：

在需要使用的地方做为属性来调用（class=类名）

3）ID选择器

语法：

#名称{

属性:

属性值;

}

#my{font-size:

20px;color:

blue}

调用：

在需要使用的地方做为属性来调用（ID=名称）

2.常用的样式属性

1）文本属性

font-size:

字体大小

font-family:

字体类型

font-style:

字体样式（斜体）

color:

字体颜色

text-algin:

文本的对齐方式（left/right/center）

2）背景属性

background-color:

背景颜色

background-image:

url（“图片地址”）背景图片

background-repeat:

（repeat/no-repeat/repeat-x/repeat-y）背景图片如何被重复显示

3）方框属性

（1）边界属性

margin-left:

设置对象的左边距

margin-right:

设置对象的右边距

margin-top:

设置对象的上边距

margin-bottom:

设置对象的下边距

（2）填充属性

padding-left:

设置内容与左边框之间的距离

padding-right:

设置内容与右边框之间的距离

padding-top:

设置内容与上边框之间的距离

padding-bottom:

设置内容与下边框之间的距离

（3）边框属性

border-style:

（soild细边框/dashed/虚边框）边框样式

border-width:

边框宽度

border-color:

边框颜色

4）超链接样式

A:

link{}未被访问的链接样式

A:

visited{}被访问过的链接样式

A:

hover{}鼠标悬浮在链接上时的样式

A:

active{}鼠标下在按下时链接文字的样式

3.样式表的3类应用方式

1）行内样式表（改变某一行文字的样式）

语法：

属性值;”>文字

2）内嵌样式表（在一个页面内使用）

语法：

//样式规则

3）外部样式表（改变多个页面中的不同页面元素的样式）

以CSS为后缀名的文件。

链接外部样式表的两种方式：

（1）标签声明

（2）导入方式

@import样式表文件.css;

第五章知识点总结

1.网站开发流程

1）需求分析、确认需求

2）网站制作

3）测试网页

4）发布网站

2.网站测试主要包括三个方面

1）页面是