HTML知识点总结.docx
《HTML知识点总结.docx》由会员分享,可在线阅读,更多相关《HTML知识点总结.docx(10页珍藏版)》请在冰豆网上搜索。
HTML知识点总结
HTML知识点总结
第一章知识总结
1.HTML文档结构(括号里面的是注释)
(头部部分)
(可写可不写)
显示在浏览器标题栏中的标题(主体部分)
(页面容)
1)标签
中的属性有:
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)页面是否美观,布局是否合理
2)是否完好,有无无效
3)在不同浏览器中的兼容情况