HTML初级知识点总结,最详细的总结37257.pdf

《HTML初级知识点总结,最详细的总结37257.pdf》由会员分享，可在线阅读，更多相关《HTML初级知识点总结,最详细的总结37257.pdf（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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、水平线标记,单标记 效果：水平线,默认是一个粗细为 2p*像素的线条 属性：size 控制水平线的粗细，取

3、值为整数，单位为像素p*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 的属性：ty

6、pe 控制所有选项的符号样式，取值 disc实心圆，默认值|circle空心圆|square方块 li 的属性：type 控制选项本身的符号样式 li 标记用在 ol 中，type 属性的取值跟 ol 的type属性取值走，用在ul中，跟着ul的type属性取值走 3、定义列表，完成对定义列表的声明，术语标记，可以理解为类似于列表选项的标题使用,描述标记，可以理解为类似于列表的选项使用 三.在网页中使用图片 标记：,单标记，不需要完毕标记 属性：src 引入图片资源的路径 绝对路径：资源在效劳器上的位置，该位置是从盘符出发 相对路径：资源在效劳器上的相对位置，从网页本身出发.返回上一层文件夹

7、width 控制显示图片的宽度，取值为像素或者百分数 height控制显示图片的高度，取值为像素或者是百分数 只设置宽度或高度时，图片保持等比缩放，同时设置时，同时生效 border控制显示图片的边框，取值为像素，默认不显示边框 hspace控制显示图片水平方向上的空白，取值为像素 vspace控制显示图片垂直方向上的空白，取值为像素 align 控制图片和周围文本的对齐方式 垂直方向上：top 文本和图片顶部对齐 bottom文本底部和图片底部对齐.middle文本的底部和图片的中部对齐 absmiddle绝对中间对齐，文本的中部和图片的中部对齐 水平方向上：left 图片在左，文本在右 r

8、ight文本在左，图片在右 图片的对齐方式：借助或者 四.在网页中使用超 4、超 标记：.,通过跳转到新的资源 属性：href的目标资源的路径 外部资源时，一定是绝对路径，并且需要在路径前加上【】这个网络通信协议 target 指定超的翻开方式，_self在自身的页面翻开超(默认的翻开方式)，_blank重新翻开一个新的浏览器窗口 建立锚点书签 部书签 1、设置锚点的名称例如：.2、使用超完成跳转例如：.外部书签 1、设置锚点的名称例如：.2、使用超完成跳转例如：.超 发送电子，格式发送 2、多媒体 五.表格的应用 表格的构造-声明表格.-表格的标题.-表格的行.-表格的列.-表格的行.-表格

9、的列.标记，定义表格，所有表格的容书写在开场和完毕标记之间 属性：frame 控制表格最外层的四个边框 取值：void 默认值，不显示边框 above 仅显示上边框 below 仅显示下边框 hsides 显示上下边框 vsides 显示左右边框 lhs 仅显示左边框 rhs 仅显示右边框 bo*、border 显示四个边框 rules 控制表格局部割线 取值：none 默认值，不显示 rows 显示行分割线 cols 显示列分割线 all 显示所有分割线 bordercolor 控制边框的颜色 border 控制表格的所有边框，取值为像素 cellspacing 控制单元格与单元格之间的空白

10、，取值为像素 cellpadding 控制单元格容和单元格边框之间的空白，取值为像素 width 设置单元格的宽度，取值为像素或者百分数 height 设置单元格的高度，取值为像素或者百分数 align 控制表格的对齐方式，取值 left(默认值)|center|right.bgcolor 设置表格的背风光 background 设置表格的背景图 当背风光和背景图同时设定时，优先使用背景图 表格的标题，必须书写在之间 属性：align 控制表格标题的位置，取值 top(标题在表格的顶部)|bottom标题在表格的底部 定义表格的行 属性：align控制整行单元格容的水平对齐方式，取值left默

11、认值，缺省值|center|right valign 控制整行单元格容的垂直对齐方式，取值top|middle默认值|bottom height 设置行的高度，取值为像素 bgcolor设置行的背风光 background 设置行的背景图 bordercolor设置行的边框颜色 列标记 列标题标记 都可以作为列使用，列标题标记，容有加粗显示的效果，并且带有自动居中 属性：align控制单元格容的水平方向对齐方式，取值left|center|right valign控制单元格容的垂直方向对齐方式，取值top|middle默认值|bottom height设置单元格的高度，取值以像素为单位，当同一

12、行中不同的单元格设置的高度也不一样时，整行的高度取值按最大值来 width设置单元格的宽度，取值以像素为单位，当同一列中不同行的单元格设置的宽度不一样时，整列的宽度取值按最大值来 bgcolor 设置单元格的背风光 bakground设置单元格的背景图 rowspan合并行.colspan合并列 合并行和合并列的取值都是整数，合并几个单元格取值就是几 六.框架的应用 1、框架 框架集标记，在原有的html构造根底上，替换了的位置，换句话说，和不能共存，只能出现一个 属性：rows 设置横向框架的数量和高度，框架的数量取决于rows属性的取值个数，每个框架的高度取决于值的大小 cols设置纵向框

13、架的数量和宽度，框架的数量取决于cols属性的取值个数，每个框架的宽度取决于值的大小 rows和cols的取值方式 1、像素值 2、百分数 3、比例取值 rows和cols取值，可以有多个值，值与值之间使用逗号分割，并且不能有空格格，cols和rows属性一般不同时设定，要想实现页面的纵向和横向分割，可以使用框架的嵌套来实现 frameborder使用在frameset中，可以控制框架集下的所有框架边框是否显示 框架标记,单标记 属性：src 引入目标资源的路径 name给框架起名字，需要配合超的target属性来使用，到达目标框架的目的 frameborder 控制框架的边框是否显示，0表示

14、不显示，1显示默认的 3D 边框 scrolling 控制框架是否参加滚动条，取值 yes(参加滚动条，需要时参加)|no(不参加滚动条)|auto(需要时参加滚动条，默认值)noresize 固定框架的边框，该属性不需要取值 marginheight 在框架中显示容时，控制容和框架上下边框之间的空白，取值以像素为单位，以上边框为准.marginwidth在框架中显示容时，控制容和框架左右边框之间的空白，取值以像素为单位，以左边框为准 当浏览器不支持框架时，显示的替换容，必须包含一对标记使用 七、表单的应用 表单 1.表单标记,表单不能嵌套使用，所有表单的容必须书写在表单的开场标记和完毕标记之

15、间 表单构造：单行文本格式 密码输入框 复选框格式 单项选择框格式 提交的格式 重置格式 自定义格式 下拉菜单格式 汉族 满族 壮族 土家族 cols=50 rows=4请多多指教多行文本 .表单域 不同功能的表单域type属性的取值不同 属性：type控制表单域的功能 取值te*t单行文本 password密码输入框 checkbo*复选框 radio单项选择按钮 要实现单项选择，还要在后面加上一样的名字，例：submit提交 reset重置 button 自定义按钮 value属性使用在提交、重置、自定定义按钮中，可以改变按钮的默认值 value属性使用在单行文本和密码框中，添加默认值 ma*length属性使用在单行文本和密码框中，限制输入的最大字符数，取值为整数 checked=“checked使用在复选框和单项选择框中，表示该选项默认被选中.，菜单里有多个选项，一般用于选择年.月.日 属性 1：.，一对option代表一个下拉选项 属性 2：.，一对select 代表一个下拉菜单 多行文本：成对出现 属性：cols=.cols取值为整数，限制每行的最多容 Rows=.rows取值为整数，限制多行文本的行数