二零二三年 优质公开课组合标签.pptxVIP

HTML组合标签 01列表标签02表格标签03表单标签04框架标签CONTENTS目录 教学目标知识目标掌握html列表、表格标记的格式、语法和作用掌握html表单标记的格式、语法和作用掌握html列框架标记的格式、语法和作用技能目标会使用html语言中的列表、表格、表单、框架制作网页和使用表格进行网页的布局 （一）html中的无序列表标记 --ul type=#li……/ul（1）格式：ul type=#li列表项/ul（2）功能：ul定义为无序列表，li表示列表的表项（3）属性: type=#, 表示列表的符号样式 type=#;#=square,circle,disc（4）实例列表标签 列表标签实例Ex17.htmhtml headtitle无序列表标记演示/title/head body h2这是一个无序列表/h2 ul type=disc li三国演义 li水浒传 li红楼梦 /ul /body/html 列表标签（二）html中的有序列表标记 -ol type=# start=#li……/ol（1）格式：ol type=# start=#li列表项/ol（2）功能：ol定义为有序列表，li表示列表的表项（3）属性: type=#, 表示列表的符号样式 type=#;#=1,a,A,I,i（4）实例 列表标签Ex18.htmhtml headtitle有序列表标记演示/title/head body h2这是一个有序列表/h2 ol type=1 start=5 li三国演义 li水浒传 li红楼梦 /ol /body/html 表格标签（二）html中的表格标记 —table border=n width=n height=n align=#/table(1)格式： —table border=n width=n height=n align=#trtd表格项/td/tr/table(2)作用:在网页绘制表格，tr表示表格行数，td表示表格的单元格数(3)属性：border:表格的变宽粗细width:表格的长度 height:图片的高度 align:left,center,right 表格的对齐方式tr中的属性：tr align=# bgcolor=#/trtd中的属性：td align=# bgcolor=# background=url rowspan=n colspan=n/td 列表标签（4）实例ex18.htmhtmlheadtitle表格/title/headbody table width=60% height=70% border=1 align=center trtd colspan=3学生名单/td/tr trtd学号/tdtd姓名/tdtd班级/td/tr trtd1/tdtd张三/tdtd电商08B班/td/tr trtd2/tdtd李四/tdtd电商08A班/td/tr trtd3/tdtd王五/tdtd电商08B班/td/tr /table /body/html 框架标签 3212.html1.html3.htmlindex.html 框架标签（1）格式：格式：html frameset cols=#或者rows=# frameborder=(0,1) frame src=# name=# frame src=# name=# /frameset/html（2）实例 框架标签实例ex22.htm 垂直框架html frameset cols=50%,50% frame src=1.htm name=1 frame src=2.htm name=2 /frameset/html实例ex23.htm 水平框架html frameset rows=50%,50% frame src=1.ht