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，默认是 1start 控制列表的起始值，取值为任意的整数li 的属性： type 控制选项自身的符号样式，取值 1|A|a|i|Ivalue 控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后，会对同一个列表中本选项之后的同级标记产生影响2、无序列表，配合标记使用一个标记对应一个选项ul 的属性：type 控制所有选项的符号样式，取
6、值 disc（实心圆，默认值）|circle（空心圆）|square（方块）li 的属性： type 控制选项本身的符号样式li 标记用在 ol 中，type 属性的取值跟 ol 的 type 属性取值走，用在 ul 中，跟着ul 的 type 属性取值走3、定义列表，完成对定义列表的声明，术语标记，可以理解为类似于列表选项的标题使用,描述标记，可以理解为类似于列表的选项使用三. 在网页中使用图片标记：, 单标记，不需要结束标记属性： src 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发返回上一层文件夹width 控制显
7、示图片的宽度，取值为像素或者百分数height 控制显示图片的高度，取值为像素或者是百分数只设置宽度或高度时，图片保持等比缩放，同时设置时，同时生效border 控制显示图片的边框，取值为像素，默认不显示边框hspace 控制显示图片水平方向上的空白，取值为像素vspace 控制显示图片垂直方向上的空白，取值为像素 align 控制图片和周围文本的对齐方式垂直方向上：top 文本和图片顶部对齐bottom 文本底部和图片底部对齐middle 文本的底部和图片的中部对齐absmiddle 绝对中间对齐，文本的中部和图片的中部对齐水平方向上：left 图片在左，文本在右right 文本在左，图片在
8、右图片的对齐方式：借助 或者四. 在网页中使用超链接4、超链接标记：.,通过链接跳转到新的资源属性：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 控制单元格与单元格之间
10、的空白，取值为像素cellpadding 控制单元格内容和单元格边框之间的空白，取值为像素width 设置单元格的宽度，取值为像素或者百分数height 设置单元格的高度，取值为像素或者百分数align 控制表格的对齐方式，取值 left(默认值)|center|rightbgcolor 设置表格的背景色background 设置表格的背景图当背景色和背景图同时设定时，优先使用背景图表格的标题，必须书写在之间属性：align 控制表格标题的位置，取值 top(标题在表格的顶部)|bottom（标题在表格的底部）定义表格的行属性：align 控制整行单元格内容的水平对齐方式，取值 left（默认
11、值，缺省值）|center|rightvalign 控制整行单元格内容的垂直对齐方式，取值 top|middle（默认值）|bottomheight 设置行的高度，取值为像素bgcolor 设置行的背景色background 设置行的背景图bordercolor 设置行的边框颜色列标记列标题标记都可以作为列使用，列标题标记，内容有加粗显示的效果，并且带有自动居中属性：align 控制单元格内容的水平方向对齐方式，取值 left|center|rightvalign 控制单元格内容的垂直方向对齐方式，取值 top|middle（默认值）|bottomheight 设置单元格的高度，取值以像素为单
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
14、 控制框架的边框是否显示，0 表示不显示，1 显示默认的3D 边框scrolling 控制框架是否加入滚动条，取值 yes(加入滚动条，需要时加入)|no(不加入滚动条)| auto(需要时加入滚动条，默认值)noresize 固定框架的边框，该属性不需要取值marginheight 在框架中显示内容时，控制内容和框架上下边框之间的空白，取值以像素为单位，以上边框为准marginwidth 在框架中显示内容时，控制内容和框架左右边框之间的空白，取值以像素为单位，以左边框为准当浏览器不支持框架时，显示的替换内容，必须包含一对标记使用7、 表单的应用表单1.表单标记 ,表单不能嵌套使用，所有表单的
15、内容必须书写在表单的开始标记和结束标记之间表单结构：单行文本格式密码输入框复选框格式单选框格式提交的格式重置格式自定义格式下拉菜单格式汉族 满族 壮族土家族cols=“50“ rows=“4“请多多指教 多行文本表单域不同功能的表单域 type 属性的取值不同属性：type 控制表单域的功能取值 text 单行文本password 密码输入框checkbox 复选框radio 单选按钮要实现单选，还要在后面加上一样的名字，例： submit 提交reset 重置button 自定义按钮value 属性使用在提交、重置、自定定义按钮中，可以改变按钮的默认值value 属性使用在单行文本和密码框中，添加默认值maxlength 属性使用在单行文本和密码框中，限制输入的最大字符数，取值为整数checked=“checked”使用在复选框和单选框中，表示该选项默认被选中，菜单里有多个选项，一般用于选择年. 月. 日属性 1：.，一对 option 代表一个下拉选项属性 2：，一对 select 代表一个下拉菜单多行文本：成对出现属性：cols=” cols 取值为整数，限制每行的最多内容Rows=”.” rows 取值为整数，限制多行文本的行数
