预览加载中,请您耐心等待几秒...
1/5
2/5
3/5
4/5
5/5

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

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