HTML网页制作6.ppt
上传人:sy****28 上传时间:2024-09-15 格式:PPT 页数:62 大小:1.3MB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

HTML网页制作6.ppt

HTML网页制作6.ppt

预览

免费试读已结束,剩余 52 页请下载文档后查看

16 金币

下载此文档

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

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

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

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

网页制作基础IT协会1相关概念2HTML标签详解3第一个HTML文档一般形式3.1HTML文档的结构:3.2<body>元素属性的概述:4文字修饰与布局4.1文字修饰文字大小(FONTSIZE)指使用<FONT>标签的SIZE属性设置文字的大小。形式如下:<FONTSIZE=n>文字</FONT>其中:n=1,2,3…7。SIZE的默认大小为3,在此基础上,可以用-2,-1,0,+1,+2,+3或+4代替n。即+1代表4。另外,可以用<BASEFONTSIZE=n>指出缺省字符大小,用<BIG>或<SMALL>来指出字符相对于周围字符的大小。4.1文字修饰4.1文字修饰4.1文字修饰4.1文字修饰4.1文字修饰4.2文字布局换行<BR>一个段落中可以包含多个行,可以使用<BR>标签来强制文字换行。一般情况行与行之间的间隔比段与段之间的间隔要小。注意:如果不使用段落标签指出从哪里开始新的一段或一行,那么显示时文本就会连成一整块,而不管你在源文件中输入了多少个回车符。一般情况根据浏览器窗口的宽度,当一行太长时,会自动换行。文字对齐可以以段落为单位设置文字的对齐方式,形式如下:<PALIGN=对齐方式>文字</P>其中:对齐方式有left、center和right,分别表示左对齐、居中对齐和右对齐。默认为left表示左对齐。标题文字也有相应的属性,使用形式为:<HnALIGN=对齐方式>标题文字</H>文字对齐如果需要将文字或其它对象居中对齐,也可以使用<center>标签,形式如下:<center>要居中的文字或对象</center>注意:标题不能作为段落的一部分,也不受段落标记的影响。4.3加入其他网页元素插入水平线有时为了较明显地划分上下各部分的内容,在文档中间加入一些水平线,使用形式如下:<HRWIDTH=“宽度”ALIGN=“对齐方式”SIZE=“高度”>其中:HR为标签名称,它指出插入的元素为一个线条。WIDTH、ALIGN和SIZE都是线条的属性,其右侧为该属性对应的值。式中的宽度可以是百分比,表示占屏幕宽度的百分比,如“90%”,也可以是屏幕的象数点个数,如“222”。对齐方式可以是Left(左对齐),Center(中间对齐)及Right(右对齐)。高度为点数。水平线举例网页内容<HTML><HEAD><TITLE>水平线</TITLE></HEAD><BODY><H2>这里是标题</H2><HRWIDTH="90%"ALIGN="CENTER">这里是正文内容……</BODY></HTML>4.3.2加入超级链接链接到其它地址形式:<AHREF=“链接地址”>提示文字</A>例如:<AHREF="http://cn.yahoo.com">雅虎中文</A>作用:用于链接到其它网站或本网站的其它网页在新窗口打开链接形式:<AHREF=“链接地址”target=“窗口名称”>用于打开一个新的窗口显示指定网页的内容,当使用框架时一般要使用这种形式4.3.3加入图像加入图像方法要在网页的某个位置放置一个图像,使用<IMG>标签,形式为:<IMGSRC=“文件名”WIDTH=宽度HEIGHT=高度ALT=“提示文字”>其中:SRC属性指出显示的图片的文件名。常用的图像文件格式为GIF和JPEG格式。WIDTH和HEIGHT分别指出图片显示的宽度和高度,以像素点为单位。ALT属性后面的“提示文字”指出当图片文件不存在时,或当鼠标移动到该图片上方时系统给出的提示内容。使用BORDER属性可为图像加边框。图像示例网页内容<HTML><HEAD><TITLE>图片的例子</TITLE></HEAD><BODY><IMGSRC=hbue.jpgWIDTH=780HEIGHT=80ALT=“欢迎光临湖北经济学院"></BODY></HTML>图像的对齐方式使用IMG标签的ALIGN属性,可指出图像的对齐方式。形式为:<IMGALGIN=“对齐方式”>其中:对齐方式有top、middle、bottom、left和right等几种。分别表示顶端对齐、中间对齐、底部对齐、左边对齐和右边对齐等。图像对齐方式示例网页内容<HTML><HEAD><TITLE>图像和文字的对齐</TITLE></HEAD><BODY><IMGSRC="girl.jpg">默认对齐方式<BR><IMGSRC="girl.jpg"ALIGN="top">top对齐方式<BR><IMGSRC="girl.jpg"ALIGN="middle">middle对齐方式<BR><IMGSRC="girl.jpg"ALIGN="bottom">bott