2023年6月20日发(作者：)
HTML知识点总结
第一章：知识总结
1.
HTML文档结构括号里面的是注释
注：
头部部分
charset=gb2312 >可写可不写
主体部分
页面内容
标签
中的属性有：bgcolor=颜色 背景颜色 background=图片的绝对路径或相对路径背景图片
2.
1)
2)
标题标签
一级标题
二级标题
3)4)
5)
6)
三级标题
四级标题
五级标题
六级标题
3.标签设置文字属性
要设置的文字
4.特殊符号
特殊符号
空格
大于号>
小于号<
引号
版权号
代码
>
<
中>段落的对其方式
"
©
换行标签
6.图片标签
5.行的控制相关标签
段落标签
"right" 右对齐/ "center" 居
align="top/bottom/middle/left/right" border="图片的边框宽度">
align是用于调整图片相对于周围文本的对其方式
7.文字布局
1)
2)
水平线
有序列表的语法
- 序号类型有：1、a、A、ⅰ、I
- 填写信息 必须用将内容包括起来
- 填写信息
- 填写信息
……
3)
无序列表语法
- 序号类型有：disc默认值;实心圆点、circle空心圆环、square空心正方形
- 所写内容
- 必须用 将内容包括起来
4)
预格式文本语法
具体的文本格式;这个格式在时是不改变的哦
8.页面链接语法
1)
链接到其他页面
2)
链接到本页面
首先创建一个锚链接的锚记点：主题名称
锚记点前面要加上号 3)
电子邮件链接
站长邮箱 注意不能忘了mailto
9.滚动标签的语法
第二章知识点总结
1.表格的基本框架语法
| 单元格 |
2.填充、间距属性
cellpadding:内容与单元格内边框线的距离内填充 cellspacing：单元格之间的距离外间距
第三章知识点总结
1.表单的基本结构
2.表单中的元素
1.元素
单行文本框
单行文本框——设置密码
单选按钮——男设置单选按钮的时候名字一定要一样
单选按钮——女
按钮——提交
按钮——重置
玩游戏复选框
2.下拉列表元素
语法：
……
3.多行文本框元素
语法：
3.
框架
1.框架的基本结构注意：此时不能要
scrolling=yes/no有无滚动条 noresize禁止改变框架窗口的大小>
2.框架页面之间的链接
第一步：在设计好的框架页面中给每个部分定义一个名字；
Eg:
第二步：设置导航栏中的超链接的target目标窗口属性； Eg:链接标志
第四章知识点总结
1.样式类型;分为三种
1标签选择器
语法：
标签{
属性:属性值;
}
不需要调用;直接创建标签就能使用
2class选择器
语法：
..类名{
}
属性:属性值; 调用：在需要使用的地方做为属性来调用class=类名
3ID选择器
语法：
名称{
}
调用：在需要使用的地方做为属性来调用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导入方式
第五章知识点总结
1.网站开发流程
1需求分析、确认需求
2网站制作
3测试网页
4发布网站 2.网站测试主要包括三个方面
1页面是否美观;布局是否合理
2链接是否完好;有无无效链接
3在不同浏览器中的兼容情况
2023年6月20日发(作者：)
HTML知识点总结
第一章：知识总结
1.
HTML文档结构括号里面的是注释
注：
头部部分
charset=gb2312 >可写可不写
主体部分
页面内容
标签
中的属性有：bgcolor=颜色 背景颜色 background=图片的绝对路径或相对路径背景图片
2.
1)
2)
标题标签
一级标题
二级标题
3)4)
5)
6)
三级标题
四级标题
五级标题
六级标题
3.标签设置文字属性
要设置的文字
4.特殊符号
特殊符号
空格
大于号>
小于号<
引号
版权号
代码
>
<
中>段落的对其方式
"
©
换行标签
6.图片标签
5.行的控制相关标签
段落标签
"right" 右对齐/ "center" 居
align="top/bottom/middle/left/right" border="图片的边框宽度">
align是用于调整图片相对于周围文本的对其方式
7.文字布局
1)
2)
水平线
有序列表的语法
- 序号类型有：1、a、A、ⅰ、I
- 填写信息 必须用将内容包括起来
- 填写信息
- 填写信息
……
3)
无序列表语法
- 序号类型有：disc默认值;实心圆点、circle空心圆环、square空心正方形
- 所写内容
- 必须用 将内容包括起来
4)
预格式文本语法
具体的文本格式;这个格式在时是不改变的哦
8.页面链接语法
1)
链接到其他页面
2)
链接到本页面
首先创建一个锚链接的锚记点：主题名称
锚记点前面要加上号 3)
电子邮件链接
站长邮箱 注意不能忘了mailto
9.滚动标签的语法
第二章知识点总结
1.表格的基本框架语法
| 单元格 |
2.填充、间距属性
cellpadding:内容与单元格内边框线的距离内填充 cellspacing：单元格之间的距离外间距
第三章知识点总结
1.表单的基本结构
2.表单中的元素
1.元素
单行文本框
单行文本框——设置密码
单选按钮——男设置单选按钮的时候名字一定要一样
单选按钮——女
按钮——提交
按钮——重置
玩游戏复选框
2.下拉列表元素
语法：
……
3.多行文本框元素
语法：
3.
框架
1.框架的基本结构注意：此时不能要
scrolling=yes/no有无滚动条 noresize禁止改变框架窗口的大小>
2.框架页面之间的链接
第一步：在设计好的框架页面中给每个部分定义一个名字；
Eg:
第二步：设置导航栏中的超链接的target目标窗口属性； Eg:链接标志
第四章知识点总结
1.样式类型;分为三种
1标签选择器
语法：
标签{
属性:属性值;
}
不需要调用;直接创建标签就能使用
2class选择器
语法：
..类名{
}
属性:属性值; 调用：在需要使用的地方做为属性来调用class=类名
3ID选择器
语法：
名称{
}
调用：在需要使用的地方做为属性来调用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导入方式
第五章知识点总结
1.网站开发流程
1需求分析、确认需求
2网站制作
3测试网页
4发布网站 2.网站测试主要包括三个方面
1页面是否美观;布局是否合理
2链接是否完好;有无无效链接
3在不同浏览器中的兼容情况
发布评论