图像标签
在网页中使用图像不仅能使网页更加美观、大方、整洁、形象和生动,而且会给网页添加无限的生机,从而吸引更多的浏览者。因此要制作一个好的网页,还需要为内容添加图片,实现图文并茂。
补充一下:
在网页中,常见的图片格式有JPEG、GIF和PNG等格式。JPEG文件的后缀名为.jpg或.jpeg。GIF图片文件的后缀名为.jif,它是最多支持256种色彩的图像。GIF格式的另一种特点是其在一个GIF文件中可以存储多幅彩色图像,如果将一个文件中的多幅图像数据逐幅读取并显示到屏幕上,就可构成最简单的动画。PNG图片的后缀名为.png,该图片格式适合在网络上传输与显示,并且其能够提供比GIF小30%的无损压缩图像文件。
了解了各种图片的格式后,我们在HTML文档中可用<img>
标签来显示图片,并设置其一般属性。
<img src="路径" alt="提示信息" align="对齐方式" border="边框大小" width="宽度" height="高度" />
1,src=“路径”
图片的路径表示有两种方式——相对路径、绝对路径。
相对路径
如果网页和所引用的图片在同一个目录中,则直接输入引用文件名(加后缀的)即可。如果在上一级目录则可使用 “…/” 符号。依次类推 “…/…/” 表示当前目录的上上级目录。若所引用的图片在本目录的下一级,则可直接写入目录名和文件名。
<img src="picture.jpg">
——当前目录<img src="../picture.jpg">
——当前目录的上一级<img src="images/picture.jpg">
——当前目录的下一个
此方法文件存储较为稳定,方便于文件的转移。
绝对地址
图片的绝对地址即图片所在位置的完整路径,它分为本地绝对路径和网络绝对路径。本地绝对路径即包括盘符和目录的完整路径(很好找的)。网络绝对路径即资源的网址(一般将图片上传到图床,然后引用其URL)。
2,alt=“提示信息”
alt属性即提示文字,其用于两类情况:第一种是,如果图像没有加载出来,则会在图像位置上显示提示文字;第二种是,图像加载出来后,将鼠标放在该图像上,则图像旁会显现。
图像与文字的滚动
使用标签可以实现文字或图片的滚动特效,实现页面动态化。
<marquee scrolldelay="滚动延时" direction="滚动方向">
其中,scrolldelay默认值为90ms,direction可取up、down、left和right。(都是很好理解的)
超链接标签
网页中的资源不是孤立存在的,每个页面之间都可能存在联系,超链接允许网页之间建立连接,网页连接在一起后,才能真正形成一个网站。
所谓的超链接是指从一个网页指向另一个目标的连接关系,这个目标可以是一个网页,也可以是同一个网页的不同位置,甚至可以是一个Email地址。在HTML文档中,我们用<a>
标签来实现以上的关系。
<a href="链接地址" target="目标窗口位置">
连接文字或图像
在超链接标签中,href属性表示连接资源的路径(相对、绝对)。target属性指定链接在哪个窗口打开,常用的取值有_self
(自身窗口打开)、_blank
(新建窗口打开)。
锚点连接
如果一个页面的内容过长,则我们可以使用锚点连接跳转篇幅,即跳到同个页面的不同位置。创建锚点链接时,我们要先建立锚点再建立连接。
——我们用<a>
标签的name属性创建锚点。
<a name="锚点名称"> 内容 </a>
——建立连接时,修改href后的内容为**“#锚点名称”**,即可定位到锚点处。
<a href="#锚点名称"> 内容 </a>