常用HTML标签简介.docVIP

Web程序设计---HTML语言 常用HTML标签简介 ? 一、添加图形 1. 插入水平线 （1）使用HR标签。HR标签是单独使用的，它的作用是换行并在该行下面画一条水平直线； （2）HR标签常用的属性如下表： 2. 插入图形/图像文件 （1）概述 ① 图形/图像使Web页面更加生动美观，Web页面常用JPEG或GIF类型图像； ② 在HTML文档中插入图形/图像是用IMG标签来实现的，该标签为单独使用； ③ IMG标签共9个属性，除属性SRC是不可缺省的外，其他属性都是可选的; ④ 格式：img src=”图像文件的URL” 注: SRC的路径和文件名也可以不加双引号 （2）SRC属性 ① SRC即Source，该属性值指出了被引用图像文件的所在位置，也就是图像文件的URL（URL称为统一资源定位器）； ② URL的2种表示方法 绝对表示法： IMG SRC=d:\study\monkey.jpg 相对表示法： IMG SRC=monkey.jpg； 表示此时图像文件和HTML文档在同一个文件夹中； 或：IMG SRC=images\monkey.jpg； 则表示该图像文件是在HTML文档的下一级文件夹images中； （3）其他属性 3. 添加背景 HTML页面有两种添加背景的方法，一种是指定一种背景原色，一种是添加一个重复的背景图形。添加背景是利用body标签的属性来实现的。 （1）body标签是成对出现的，首标签body和尾标签/body构成HTML文档主体； （2）body标签中可以规定整个文档的一些基本属性如下： （3）原色背景是利用body标签中bgcolor属性来指定页面背景的颜色，颜色名是固定的，例如body bgcolor=red; （4）重复图形背景是利用body标签中的background属性来指定页面背景的图形文件,一般是 .jpg 文件。 二、添加超链接 1. 基本概念 （1）超链接是Web页中的图像或文本，作为网页上的导航点，常带有不同的颜色和下划线，当mouse移动到此处时会变成小手状态。此时，如果单击mouse就可以打开链接所指向的目标资源，到达链接的目标点。 （2）超链接由2个部分组成 ① Hyperlink（超链接），是在页面中定义为超链接的文本或图像； ② Target（链接目标），单击mouse所打开文件的URL或地址； 2. 创建超链接 （1）HTML是通过链接标签A来实现超链接的。链接标签A是成对使用，首标签A 和尾标签/A之间的内容就是链接目标； （2）链接标签A有一个不可缺省的属性href，用于指定链接目标点的位置（URL）。 （3）基本格式 a href=”资源地址”链接文字/ahtml例：链接至福建农林大学网页 head title学习超链接程序/title /head body h1我的测试页面/h1 hr img src=qq.jpg a href=福建农林大学/a /body /html 3. 创建相对超链接 （1）相对超链接是链接到存放在同一个Web文件夹或Web站点中的另一个页面的超链接。（2）基本格式 a href=study1.html调用一个新页面/a 注意，这时已经不要http://…..了。 三、格式化文本 通过格式化文本，使网页更漂亮。HTML提供两种基本的文本格式化方法，默认属性和单个属性。 1. 设置默认的文本属性 （1）默认属性是为整个页面设置一个基本的文本格式化样式。例如，设置页面中所有文本的默认字体和颜色等。 （2）设置文本的颜色 ① 使用body标签的text属性； ② 使用basefont标签的color属性; basefont必须成对用在body和/body之间，对需要改变颜色的正文部分进行标记定义。 例: basefont color=red你好/basefont （3）设置文本的字体 ①使用basefont标签的face属性设置整个的文本字体(宋体、黑体、揩体、方宋体)，例如：face=宋体； ②使用basefont标签的size属性设置基本文本字号，size=1-7，７号字最大，默认字号为3；