1、HTML 知识点总结第 1 章:知识总结1. HTML 文档结构(括号里面的是注释)*注: 标签没有结束标签!(头部部分)(可写可不写)显示在浏览器标题栏中的标题(主体部分)(页面内容)标签中的属性有:bgcolor=颜色 (背景颜色) background=图片的绝对路径或相对路径(背景图片)2. 标题标签 n 取 16(设置文字标题):1) 一级标题2) 二级标题3) 三级标题4) 四级标题5) 五级标题6) 六级标题3.标签(设置文字属性)要设置的文字4.特殊符号5.行的控制相关标签段落标签(段落的对其方式) 换行标签 6.图片标签(align 是用于调整图片相对于周围文本的对其方式)7
2、.文字布局1) 水平线2) 有序列表的语法(序号类型有:1、a、A、I)填写信息(必须用将内容包括起来)填写信息填写信息3) 无序列表语法(序号类型有:disc(默认值,实心圆点) 、circle( 空心圆环)、square(空心正方形 ))所写内容(必须用将内容包括起来)4) 预格式文本语法(具体的文本格式,这个格式在时是不改变的哦!)特殊符号 代码空格 大于号() 小于号(8.页面链接语法1) 链接到其他页面连接标志 2) 链接到本页面首先创建一个锚链接的锚记点:主题名称然后在具体要链接到的地方设置 name:(锚记点前面要加上#号)3) 电子邮件链接站长邮箱 (注意不能忘了 mailto
3、)9.滚动标签的语法滚动的文字和图像第二章知识点总结1.表格的基本框架语法(行)(单元格 )2.填充、间距属性cellpadding:内容与单元格内边框线的距离(内填充) cellspacing:单元格之间的距离(外间距)第三章知识点总结1.表单的基本结构具体的内容2.表单中的元素1).元素(单行文本框)(单行文本框设置密码)(单选按钮男)(设置单选按钮的时候名字一定要一样)(单选按钮女)(按钮提交)( 按钮重置)玩游戏( 复选框)2).下拉列表元素语法:内容内容内容内容3).多行文本框元素语法:具体的内容3. 框架1).框架的基本结构(注意:此时不能要)2).框架页面之间的链接第一步:在设计
4、好的框架页面中给每个部分定义一个名字;Eg:第二步:设置导航栏中的超链接的 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.常用的
5、样式属性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: 设置对
6、象的上边距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)在不同浏览器中的兼容情况