HTML知识点总结.docx

1、HTML知识点总结HTML知识点总结第一章知识总结1.HTML文档结构（括号里面的是注释） （头部部分）(可写可不写)显示在浏览器标题栏中的标题（主体部分）（页面容）1)标签中的属性有： bgcolor=颜色 （背景颜色） background=图片的绝对路径或相对路径（背景图片）2.标题标签 n取16（设置文字标题）：1)一级标题2)二级标题3)三级标题4)四级标题5)五级标题6)六级标题3.标签（设置文字属性） 要设置的文字4.特殊符号特殊符号代码空格 大于号()>小于号（）<引号"号（）©5.行的控制相关标签段落标签 (段落的对其方式) 换行标签

2、 6.图片标签(align是用于调整图片相对于周围文本的对其方式)7.文字布局1)水平线2)有序列表的语法（序号类型有：1、a、A、I）填写信息（必须用将容包括起来）填写信息填写信息 3)无序列表语法（序号类型有：disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形)）所写容（必须用将容包括起来）4)预格式文本语法(具体的文本格式，这个格式在时是不改变的哦！)8.页面语法1)到其他页面连接标志 2)到本页面首先创建一个锚的锚记点：主题名称然后在具体要到的地方设置name:（锚记点前面要加上#号）3)电子站长 (注意不能忘了mailto)9.滚动标签的语法滚动的文字和

3、图像第二章知识点总结1.表格的基本框架语法(行)(单元格)2.填充、间距属性cellpadding:容与单元格边框线的距离（填充） cellspacing：单元格之间的距离（外间距）第三章知识点总结1.表单的基本结构具体的容2.表单中的元素 1).元素 (单行文本框)(单行文本框设置密码)(单选按钮男)(设置单选按钮的时候名字一定要一样)(单选按钮女)(按钮提交)(按钮重置)玩游戏(复选框)2).下拉列表元素语法：容容容容 3).多行文本框元素语法：具体的容3.框架1).框架的基本结构(注意：此时不能要) 2).框架页面之间的 第一步：在设计好的框架页面中给每个部分定义一个名字； Eg: 第二

4、步：设置导航栏中的超的target目标窗口属性；Eg:标志第四章知识点总结1.样式类型，分为三种 1）标签选择器 语法：标签 属性:属性值;Pfont-size:20px;color:blue不需要调用，直接创建标签就能使用 2）class选择器 语法： .类名 属性:属性值;.myfont-size:20px;color:blue调用：在需要使用的地方做为属性来调用（class=类名）3）ID选择器语法：#名称 属性:属性值;#myfont-size:20px;color:blue调用：在需要使用的地方做为属性来调用（ID=名称）2.常用的样式属性1)文本属性font-size:字体大小fo

5、nt-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: 设置对象的下

6、边距(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)在不同浏览器中的兼容情况