[工学]HTML简单介绍主课件.ppt

3.HTML段落与分行控制 居中 center元素 center元素是一个独立的使所标记的字符居中的元素。它的作用与使用p元素里的align=“center”类似 例如：center居中段落/center 例：018.htm 4.超级链接—普通超级链接1 超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念，那么，我们现在所有的WWW的应用将不复存在。所以，对超级链接的掌握具有特殊重要的意义。 4.超级链接—普通超级链接2 超级链接是用锚元素a定义的 在a元素下，有元素属性href, href的属性值为一个URL地址 如：a href=“”指向学校的超级链接/a 如：a href=“29.htm普通超级链接/a 例：021.html 4.超级链接—E-mail超级链接 超级链接可以指向E-mail地址 如：a href=“mailto:ppyuan@指向E-mail地址的超级链接/a 例：022.htm 4.超级链接—新开链接窗口 开一个新的(浏览器)窗口 (Target Window) a href=URL target=“_blank ... /a 例：023.htm HTML对图片的控制--1 基本语法: img src=“图片名称” 引用图片必须用img元素标志。img元素下的基本元素属性是src属性，src的属性值为所引用的图片的URL地址。 src属性是必须的。Src的URL可以是绝对地址，也可以是相对地址 HTML对图片的控制--2 所谓图片的替代文本，指图片不能显示时在图片所在位置显示的一段文本 定义图片替代文本的方法是： img src=“图片名称” alt=“这是一张图片” 例：024.htm HTML对图片的控制--3 图片的显示大小 我们可以指定一幅图片在浏览器窗口里的显示大小。 定义图片的显示大小的方法是： img src=sample.jpg width=100 height=100 width指定图片的宽度，height指定高度。它们的属性值可以是象素，也可以是%。 例：025.htm HTML对图片的控制--4 图片的边框 我们可以为一幅图片加一个边框以突出显示： img src=sample.jpg border= 2 border的属性值为象素数 例：026.htm HTML对图片的控制--5 图片的对齐方式 图片可以相对于页面或单元格有一个对齐方式。 定义水平对齐方式的方法是： img src=“sample.jpg” align=“left” img src=“sample.jpg” align=“right” 例：027.htm 表格(TABLE)标记--1 table 元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。 tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。 td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。 表格(TABLE)标记--2 表格的基本结构 table定义表格 tr th定义表头/th /tr tr定义表行 td…/td定义单元格 /tr /table 表格(TABLE)标记--3 表格的属性 –1 width属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 border属性：表格边线粗细 表格(TABLE)标记--2 表格的属性 –1 bgcolor属性：指定表格或某一个单元格的背景颜色。 background属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 例：028.htm 静态网页 h1 align=“center”font face=“华文琥珀” color=pink小小网上书屋 /font /h1 table tr td…/td … /tr tr td…/td … /tr /table img border=0 src=图片/z159.jpg width=150 height=100 p align=centera href=读者须知.htmb读者须知/b/a a href=mailt