第二篇 HTML简介.pptVIP

2.4.3 列表标记 分段排列出一组级别相同的项目称为列表。 有序列表：级别相同的项目列表前加序号 无序列表：在级别相同的项目列表前加一个相同的符号 * 2.4.3 列表标记 1. 无序列表 格式： UI type=“符号类型” img src=“图像文件” Li type=“符号类型” img src=“图像文件”列表项目1 Li type=“符号类型” img src=“图像文件”列表项目2 …… /UI 说明： type符号类型：disc(实心圆)、 circle(空心圆)、 square(空心方块)。 img src：以指定的图像为加重符号，它的值是图像文件的URL地址。 第*/20页 2.4.3 列表标记 2. 有序列表 格式： OI type=“符号类型” start=“起始号码” Li type=“符号类型” 列表项目1 Li type=“符号类型” 列表项目2 …… /OI 说明： type: 在每个项目前显示的序号类型，其值为1(阿拉伯数字)、A(大写英文字母)、a(小写字母)、I(大写罗马字母)、i(小写字母)。 start 开始序号。 第*/20页 2.4.4 表格标记 表格是将文本和图像按一定的行、列规则进行排列，以便更好的表示长信息。 表格标记的功能：建立基本的表格 第*/20页 2.4.4 表格标记 格式： table summary=“文字” bgcolor=“color” background=“imageurl” border=“n” bordercolor=“color2” width=“x/x%” height=“x/x% align=“left/right/center” caption align=“top/bottom/left/right”表题/caption tr th表头1/thth表头2/th……th表头n/th tr td表项1/tdtd表项2/td……td表项n/td tr td表项1/tdth表项2/td……td表项n/td …… /table 第*/20页 Summary 对表格格式或内容的简要说明，表 格的注释 Bgcolor 表格的背景颜色 Background 表格的背景图像 Border 指出表格线的宽度 Bordercolor 表格线的颜色 Width 表格宽度 Height 表格高度 Align 表格在页面中的相对位置 Caption…/Caption表格的标题说明 Tr…/Tr 定义行 Th…/Th 定义表格表头的一列 * 2.4.5 图象标记 格式： img src=“图像文件URL” alt=“简单说明” longdesc=“详细说明”width=“X” height=“Y” border=“边框宽度”hspace=“X” vspace=“Y” align=“对齐方式” 第*/20页 2.4.6 超链接标记 格式：A href=“URL”热点文本或图像/A 例如： a href=“”清华大学/a a href=“english.html”清华大学/a a href=“”img src=“images/tsinghua.gif”/a 第*/20页 作业: 1、HTML文件的基本结构是什么？它的文件扩展名是什么？ 2、对于一个基本的网页，一般应用哪些标记？ * * 第2章 HTML简介 2.1 HTML的概念 2.2 HTML的语法规则 2.3 HTML文件的基本结构 2.4 HTML的常用标记 * 2.1 HTML的概念 什么是HTML 英文全拼：Hypertext Markup Language，中文名称为：超文本标记语言 是一种纯文本类型的标记式语言，不需要编译而直接由浏览器解释执行。是目前Internet上用于编写网页的主要语言。 第*/20页 2.1 HTML的概念 作用 通过一些标签来告诉浏览器怎么显示标签中的内容。 HTML不仅要负责组织数据，还要负责显示这些数据。 注意： HTML中的标签是固定的，不能自己扩展标签。 第*/20页 2.2 HTML的语法规则 HTML的语法规则有三种表达方式： 表达方式一：标记对象/标记 封闭类型标记，占多数。成对出现。 例如(粗体显示)： b网页制作课程/b 第*/20页 2.2 HTML的语法规则 表达方式二： 标记 属性1=参数1 属性2=参数2…对象/标记 封闭类型标记的扩展形式，利用属性可以进一步设置对象某方面的内容，而参数则是设置的结果。