13软件5班黄辽html学习总结.ppt

html课程总结复习课程总结复习姓名：黄辽第一章：html的基本标签HTML文档的基本结构是什么？什么是块级、行级标签？、分别代表什么？插入一条直线用什么标签？Html基本标签基本标签html文档的结构基本块级标签标题标签段落标签水平线标签我的第一个网我的第一个网页页 Hello World!标题标题标题标题Html基本标签常用于布局的块级标签 有序列表标签无序列表标签 定义描述标签表格表单分区标签 列表项列表项1 列表项列表项1 标题标题 描述描述1 1、div-ul(ol)-li：常用于分类导航或菜单等 2、div-dl-dt-dd：常用于图文混编的场合 3、table-tr-td：常用于图文布局或显示数据 4、form-table-tr-td：常用于布局表单 有序列表.无序列表.水平线Html书学规范书学规范标签名和属性名称必须小写标签名和属性名称必须小写 HTML标签必须关闭标签必须关闭 属性值必须用引号括起来属性值必须用引号括起来 标签必须正确嵌套标签必须正确嵌套 必须添加文档类型声明必须添加文档类型声明 技能点技能点2的注意要点，格式同前。的注意要点，格式同前。第二章：学会使用链接相对地址：相对于当前目录的地址，常用登录登录绝对地址：指向目标地址的完整描述，少用登录登录搜狐搜狐特殊符号的运用特殊符号特殊符号空格：空格： 大于大于()：>小于小于(）:<引号（引号（”）：）："版权号版权号()：©常见的表单元素单行文本框单行文本框(text)单选按钮单选按钮(radio)复选框复选框(checkbox)下拉列表下拉列表(select)重置按钮重置按钮(reset)提交按钮提交按钮(submit)密码框密码框(password)文本域文本域(textarea)表单元素的基本格式表单元素的基本格式 指定元素的类型，可为指定元素的类型，可为text、radio、submit等等控件的控件的名称名称控件的控件的初始值初始值控件的控件的初始宽初始宽度度控件中输入的控件中输入的最最多字符个数多字符个数控件是否被控件是否被选中选中checked第三章：表格的应用和布局表格的基本语法是什么？1表格的跨行、跨列属性分别是什么？跨列标签colspan跨行标签跨行标签rowspan第四章：框架 框架的两类用途：1、显示多窗口页面-使用框架集2、页面复用使用内嵌框架创建框架网页的步骤：创建框架网页的步骤：创建各子窗口对应的创建各子窗口对应的HTML文件文件创建整个框架页面文件，引用子窗口文件创建整个框架页面文件，引用子窗口文件框架的基本语法 边框尺边框尺寸大小寸大小将窗口分割成左中将窗口分割成左中右右3个部分个部分,可选可选将窗口分割成上将窗口分割成上下下2个部分个部分,可选可选引用各窗口要显引用各窗口要显示的网页文件示的网页文件target的其他用法的其他用法在新窗口中显示：在新窗口中显示：_blank在自身窗口中显示：在自身窗口中显示：_self在上级窗口显示：在上级窗口显示：_top在父窗口显示：在父窗口显示：_parent 第五十章css样式表选择器的分类1.标签选择器 li color:red;font-size:28px;font-family:隶书隶书;家用电器家用电器 2.类选择器#menu width:200px;background:#ccc;font:bold 14px 宋体宋体;家用电器家用电器 3.ID选择器#menu width:200px;background:#ccc;font:bold 14px 宋体宋体;家用电器家用电器 常见的文本属性行距、对齐等：行距、对齐等：line-height（行高）（行高）text-align（对齐）（对齐）letter-spacing（字符间距）（字符间距）text-decoration（文本修饰（文本修饰）white-space（空白处理（空白处理）字体、字号：字体、字号：font（缩写形式）（缩写形式）font-weight（粗细）（粗细）font-size（大小）（大小）font-family（字体）（字体）1列表（li）常用属性list-style（列表风格）属性值属性值方式方式语法实现语法实现示例示例None无风格无风格list-style:none;刷牙刷牙 洗脸洗脸Disc实心圆（实心圆（默认默认类型）类型）list-style:disc;刷牙刷牙 洗脸洗脸Circle空心圆空心圆list-style:circle;刷牙刷牙 洗脸洗脸square实心正方形实心正方形list-style:square;刷牙刷牙 洗脸洗脸decimal数字（数字（默认类默认类型）型）list-style:decimal1.刷牙刷牙2.洗脸洗脸掌握盒子的属性margin（外边距/边界）border（边框）padding（内边距/填充）又可以分为margin属性marginmargin-topmargin-rightmargin-bottommargin-leftborder属性border-colorborder-widthborder-styleborder-topborder-rightborder-bottomborder-leftborderborder-left修修饰饰属属性性四四个个方方向向缩缩写写形形式式padding属性paddingpadding-toppadding-rightpadding-bottompadding-left元素的实际占位（实际宽、高）盒子高度=height属性+上下填充高度+上下边框高度盒子宽度=width属性+左右填充宽度+左右边框宽度课后实践内容1.贵美商城购物网2.六人行网站3.项目：做一个个人网站谢谢