资源描述
,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,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:decimal,1.,刷牙,2.,洗脸,掌握盒子的属性,margin,（外边距,/,边界）,border,（边框）,padding,（内边距,/,填充,）,又可以分为,margin,属性,margin,margin-top,margin-right,margin-bottom,margin-left,border,属性,border-color,border-width,border-style,border-top,border-right,border-bottom,border-left,border,border-left,修饰属性,四个方向,缩写形式,padding,属性,padding,padding-top,padding-right,padding-bottom,padding-left,元素的实际占位（实际宽、高）,盒子高度,=height,属性,+,上下填充高度,+,上下边框高度,盒子宽度,=width,属性,+,左右填充宽度,+,左右边框宽度,课后实践内容,1.,贵美商城购物网,2.,六人行网站,3.,项目：做一个个人网站,谢谢,
展开阅读全文