超文本标记语言.pptVIP

【实例3-10】有序列表标记的使用。 HTML HEAD TITLE有序列表标记/TITLE /HEAD BODY OL LI默认的有序列表 LI默认的有序列表 /OL OL type=a start=5 LI第1项 LI第2项 LI第3项 /OL /BODY /HTML 第30页，共74页，编辑于2022年，星期三 3.3.3 自定义列表标记 功能：用于需要对列表条目进行简短说明的场合。 格式： DL DT列表条目一 DD条目一的说明 DT列表条目二 DD条目二的说明 … /DL 属性：自定义列表使用DL和/DL表示列表的开始和结束。 DT标记表示每项自定义条目名称。 DD标记表示每条自定义条目的说明，自动向右缩进。 第31页，共74页，编辑于2022年，星期三 【实例3-11】自定义列表标记的使用。 HTML HEAD TITLE自定义列表标记/TITLE /HEAD P这是一个定义性列表：/P BODY DL DTDL标记符 DD代表HTML自定义列表。 DTDT标记符 DD表示每个自定义列表项的标题。 DTDD标记符 DD用于描述自定义列表项的内容。 /DL /BODY /HTML 第32页，共74页，编辑于2022年，星期三 3.4 表格标记 表格在网站开发中应用非常广泛，用户可以通过表格方便灵活的排版，目前很多大型网站也都是借助表格排版和页面布局的。表格可以把相互关联的信息元素集中定位，使浏览者浏览页面时一目了然。因此要制作出优秀的网页，就应该熟练掌握表格标记。 第33页，共74页，编辑于2022年，星期三 功能：建立基本表格。 格式： TABLE CAPTION align=“对齐方式”表格标题/CAPTION TR TH表头一/TH TH表头二/THTH表头n/TH /TR TR TD表项一/TD TD表项二/TDTD表项n/TD /TR TR TD表项一/TD TD表项二/TDTD表项n/TD /TR … /TABLE 第34页，共74页，编辑于2022年，星期三 属性： （1）TABLE …/TABLE 标记用来创建一个表格。 （2）CAPTION …/CAPTION标记表示对表格标题的说明。 （3）TR…/TR标记定义行，该标记中间的内容显示在一行，此标记对只能放在TABLE …/TABLE 标记之间使用。 （4）TH和TD标记表示单元格标记，这两个标记必须嵌套在TR标记中，成对出现。 （5）要创建跨多行、多列的单元格，只需在TH或TD中加入ROWSPAN或COLSPAN属性的属性值，表明了表格中要跨越的行或列的个数。 第35页，共74页，编辑于2022年，星期三 【实例3-12】表格标记的简单应用。 HTML HEAD TITLE表格标记/TITLE /HEAD BODY TABLE border=1 width=360 bordercolor=#000000 CAPTION学生成绩表/CAPTION TR align=center TH姓名/TH TH课程名称/TH TH成绩/TH /TR TR align=center TD蓉蓉/TD TD数学/TD TD86/TD /TR TR align=center TD妮妮/TD TD计算机基础/TD TD90/TD /TR TR align=center TD娜娜/TD TD英语/TD TD82/TD /TR /BODY /HTML 第36页，共74页，编辑于2022年，星期三 3.5 图像和多媒体标记 3.5.1 图像标记 在网页中加入适当的图片可以使网页丰富多彩，具有更强的吸引力。HTML提供了IMG标记来处理图像的输出。 功能：在当前位置插入图像。 格式： IMG src