《html初级知识点总结-最详细的总结》由会员分享，可在线阅读，更多相关《html初级知识点总结-最详细的总结（15页珍藏版）》请在金锄头文库上搜索。
1、HTML超文本标记语言，一种规范预定义，已经定义好的各种标记，只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构（重点）标记的使用 1、标记一般成对出现，包含开始标记和结束标记2、标记可以嵌套使用，但是不能交叉使用3、标记不区分大小写属性的使用（属性控制内容的格式，额外的格式）1、书写位置在开始标记中2、格式：属性名=“属性值”，多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中，只能对本标中的内容记产生影响5、属性不冲突时，效果叠加，属性冲突时，就近原则html的基本结构-声明网页-网页的头部信息标题-网页的标题-网页的主体，网页内容主要展示的
2、部分网页的主要内容二. 文本格式的应用1、标题标记,n的取值1-6,1级标题最大效果：加粗显示，带有自动换行属性：align 控制标题的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）2、段落标记效果：把内容分段展示，自动换行属性：align，控制段落内容的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）3、换行符,单标记，不需要结束标记，换行但不分段空格符号： 表示一个空格强制换行符：4、水平线标记,单标记效果：水平线,默认是一个粗细为2px（像素）的线条属性：size 控制水平线的粗细，取值为整数，单位为像素
3、（px）width 控制水平线的长度，取值可以是像素单位，也可以是百分数（相对于浏览器窗口百分比）noshade 设置水平线不带有阴影，该属性不需要取值color 设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码align 控制水平线的对齐方式，取值left(左对齐)|center（居中，默认值）|right（右对齐）5、分节标记效果：把内容设置为一节，前后带有自动换行属性：align 控制div中内容的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）6、居中标记符效果：把center标记中的内容居中显示7、文本控制标记效果：控制字体的各
4、种显示样式属性：size 控制字体的大小，取值为绝对值时，1-7，数字越大字体越大，取相对值时，参考的是默认字体（3号），取值在-2-+4之间color 控制字体的颜色face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割，取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示8、字体的物理样式加粗：斜体：下划线：删除线：上标：下标：1、常用逻辑字符网页设计者或维护者的信息，通常显示为斜体 表示文本属于引用，通常显示为斜体 表示程序代码，通常显示为固定宽度字体 表示定义了的术语，通常显示为黑体或斜体 强调某些字词，通常显示为斜体 表用户的键盘输入，通常显示为固定宽
5、度字体 表示文本样本，通常显示为固定宽度字体特别强调某些字词，通常显示为粗体 表示变量，通常显示为斜体2、列表标记1、有序列表，需要配合标记使用一个标记对应一个选项ol的属性：type 控制列表的符号样式，取值1|A|a|i|I，默认是1 start 控制列表的起始值，取值为任意的整数li的属性：type 控制选项自身的符号样式，取值1|A|a|i|I value 控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后，会对同一个列表中本选项之后的同级标记产生影响2、无序列表，配合标记使用一个标记对应一个选项ul的属性：type 控制所有选项的符号样式，取值disc（实心圆，默认值）|c
6、ircle（空心圆）|square（方块）li的属性：type 控制选项本身的符号样式li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走3、定义列表，完成对定义列表的声明，术语标记，可以理解为类似于列表选项的标题使用,描述标记，可以理解为类似于列表的选项使用三. 在网页中使用图片标记：,单标记，不需要结束标记属性：src 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发.返回上一层文件夹width 控制显示图片的宽度，取值为像素或者百分数height 控制显示图片的高度
7、，取值为像素或者是百分数只设置宽度或高度时，图片保持等比缩放，同时设置时，同时生效border 控制显示图片的边框，取值为像素，默认不显示边框hspace 控制显示图片水平方向上的空白，取值为像素vspace 控制显示图片垂直方向上的空白，取值为像素 align 控制图片和周围文本的对齐方式垂直方向上：top 文本和图片顶部对齐 bottom 文本底部和图片底部对齐 middle 文本的底部和图片的中部对齐 absmiddle 绝对中间对齐，文本的中部和图片的中部对齐水平方向上：left 图片在左，文本在右 right 文本在左，图片在右图片的对齐方式：借助或者四. 在网页中使用超链接4、超链
8、接标记：.,通过链接跳转到新的资源属性：href 链接的目标资源的路径链接外部资源时，一定是绝对路径，并且需要在路径前加上【http:/】这个网络通信协议 target 指定超链接的打开方式，_self在自身的页面打开超链接(默认的打开方式)，_blank重新打开一个新的浏览器窗口建立锚点（书签）内部书签1、设置锚点的名称 例如：.2、使用超链接完成跳转 例如：.外部书签1、设置锚点的名称 例如：.2、使用超链接完成跳转 例如：.超链接发送电子邮件，格式发送邮件2、链接多媒体五. 表格的应用表格的结构-声明表格.-表格的标题-表格的行.-表格的列.-表格的行.-表格的列.标记，定义表格，所有表
9、格的内容书写在开始和结束标记之间属性：frame 控制表格最外层的四个边框取值：void 默认值，不显示边框above 仅显示上边框below 仅显示下边框hsides 显示上下边框vsides 显示左右边框lhs 仅显示左边框rhs 仅显示右边框box、border 显示四个边框 rules 控制表格内部分割线取值：none 默认值，不显示rows 显示行分割线cols 显示列分割线all 显示所有分割线 bordercolor 控制边框的颜色 border 控制表格的所有边框，取值为像素 cellspacing 控制单元格与单元格之间的空白，取值为像素 cellpadding 控制单元格内
10、容和单元格边框之间的空白，取值为像素 width 设置单元格的宽度，取值为像素或者百分数 height 设置单元格的高度，取值为像素或者百分数 align 控制表格的对齐方式，取值left(默认值)|center|right bgcolor 设置表格的背景色 background 设置表格的背景图当背景色和背景图同时设定时，优先使用背景图表格的标题，必须书写在之间属性：align 控制表格标题的位置，取值top(标题在表格的顶部)|bottom（标题在表格的底部） 定义表格的行属性：align 控制整行单元格内容的水平对齐方式，取值left（默认值，缺省值）|center|rightvalig
11、n 控制整行单元格内容的垂直对齐方式，取值top|middle（默认值）|bottomheight 设置行的高度，取值为像素bgcolor 设置行的背景色background 设置行的背景图bordercolor 设置行的边框颜色 列标记列标题标记都可以作为列使用，列标题标记，内容有加粗显示的效果，并且带有自动居中属性：align 控制单元格内容的水平方向对齐方式，取值left|center|rightvalign 控制单元格内容的垂直方向对齐方式，取值top|middle（默认值）|bottomheight 设置单元格的高度，取值以像素为单位，当同一行中不同的单元格设置的高度也不相同时，整行的高度取值按最大值来width 设置单元格的宽度，取值以像素为单位，当同一列中不同行的单元格设置的宽度不相同时，整列的宽度取值按最大值来bgcolor 设置单元格的背景色bakground 设置单元格的背景图rowspan 合并行colspan 合并列合并行和合并列的取值都是整数，合并几个单元格取值就是几
