html+整体定义一个框架,网页设计与制作 第2章 学习和使用HTML.ppt

网页设计与制作 第2章 学习和使用HTML

在HTML中，使用IMG标记符可以在网页中加入图像。它具有两个基本属性：src和alt，分别用于设置图像文件的位置和替换文本。 src表示要插入图像的文件名，必须包含绝对路径或相对路径，图像可以是GIF文件、JPEG文件或PNG文件。alt表示图像的简单文本说明，用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。 2.4.2 将图像放到网页中 2.4.3 设置图像属性 在HTML中，使用IMG标记符的width和height属性可以指定图像的宽度和宽度，以告诉浏览器Web页应分配给图像多少空间(以像素为单位)。当浏览器解释Web页时，在实际下载图像之前会给图像预留出空间，以避免在每个图像下载时重新绘制网页，从而加快网页的下载速度。width和height属性的取值既可以是像素数，也可以是百分数。 1．指定图像的宽和高 2．图像的边框 使用IMG标记符的border属性，可以给图像添加边框效果，边框的取值是像素数。 3．设置图像周围的空白 可以在IMG标记符内使用属性hspace和vspace设置图像周围空白，其中hspace示水平方向的空白，vspace表示垂直方向的空白，它们的取值都是像素数。通过指定图像周围的空白，可以使页面的版式更加合理。 (1)图像在页面中的对齐 设置图像在页面中的对齐与设置文本对齐类似，可以使用DIV或P标记符将IMG标记符括起来，然后使用align属性。 (2)图像与周围内容的垂直对齐 使用IMG标记符的align属性，可以控制图像与周围内容的垂直对齐。此时，align属性的值可以是： top?、 middle、bottom 分别表示图像与周围内容的顶部、中央、底部对齐。 4．图像的对齐 (3)图文混排时的图像对齐 如果要在图像的左、右环绕文字，也应该使用IMG标记符的align属性，此时，align属性的值可以是： left 表示图像居左，文本在图像右侧； right 表示图像居右，文本在图像左侧。 用HTML创建超链接需要使用A标记符(结束标记符不能省略)，它的最基本属性是href，用于指定超链接的目标。通过为href指定不同的值，可以创建出不同类型的超链接。另外，在和之间可以用任何可单击的对象作为超链接的源，例如文字或图像。 2.5 超链接处理 2.5.1 页面链接 如果要设置锚记超链接，首先应为页面中需要跳转到的位置命名。命名时应使用A标记符的name属性，在标记符与之间可以包含内容，也可以不包含内容。 对于锚记链接，应将href的值指定为符号 # 后跟锚记名称。如果将href的值指定为一个单独的#号，则表示空链接，不做任何跳转。 2.5.2 锚记链接 如果将href属性的取值指定为“mailto:电子邮件地址”，那么就可以获得电子邮件链接的效果。例如，使用以下HTML代码可以设置电子邮件超链接： 作者邮箱 当浏览网页的用户单击了指向电子邮件的超链接后，系统将自动启动邮件客户程序 ，并将指定的邮件地址填写到“收件人”栏中，用户可以编辑并发送该邮件。 2.5.3 电子邮件链接 在HTML中一个普通的表格应包括以下标记符： 1．TABLE TABLE标记符用于定义整个表格，表格内的所有内容都应该位于

之间。 2．CAPTION 如果表格需要标题，那么就应该使用CAPTION标记符将表格标题包括在和之间。CAPTION标记符的格式为： 标题 2.6 网页表格处理 2.6.1 表格的基本构成 3．TR TR标记符用于定义表格的行，对于每一个表格行，都对应一个TR标记符。TR标记符的结束标记符可以省略。 4．TD和TH 在表格行中的每个单元格，都对应于一个TD标记符或者TH标记符，用于标记表格的内容，其中可以包括文字、图像或其他对象。TD与TH的功能和用法几乎完全相同，唯一不同之处在于TD表示普通表格数据，而TH表示表格的行列标题数据。TD和TH的