365bet网址搜索器

HTML的图像标签和超链接

发布时间: 2025-08-17 01:13:00 作者: admin 阅读量: 4754 评论数: 101

一、图像标签

在HTML中,用标签在网页中添加图像,图像以嵌入的方式添加到网页中。

图像标签的格式为

替代文字

height="图像高度" border="边框宽度" hspace="水平空白" vspace="垂直空白"

align="环绕方式|对齐方式"/>

1.图像标签的常用属性

属性说明src是必需属性,指定图像源,即图像的 URL 路径alt如果图像无法显示,在图像位置代替图像的说明文字title为浏览者提供额外的提示或帮助信息,方便用户使用width指定图像的显示宽度(像素数或百分数),通常设为图像的真实大小以免失真。若需要改变图像大小,最好事先使用图像编辑工具进行修改。百分数是指相对于当前浏览器窗口的百分比height指定图像的显示高度(像素数或百分数)border指定图像的边框大小,用数字表示,默认单位为像素,默认情况下图片没有边框,即border=0hspace设定图片左侧和右侧的空白像素数(水平边距)vspace设定图片顶部和底部的空白像素数(垂直边距)align指定图像的对齐方式,设定图像在水平(环绕方式)或垂直方向(对齐方式)的位置,包括left(图像居左,文本在图像的右边)、right(图像居右,文本在图像的左边),top(文本与图像在顶部对齐)、middle(文本与图像在中央对齐)或bottom(文本与图像在底部对齐)另外,style是直接内联样式,如设置宽度和高度、边框等。

2.图片标签的路径介绍

1)相对路径(常用)

同级目录

当前文件和目标文件在同一目录中,直接写目标文件的名字即可,格式为:

下级目录

进入这个文件夹→ /目标文件在下级目录中,格式为:上级目录到上一级目录→ ../目标文件在上级目录中,格式为:

例:

从本地导入图片(相对路径)

水果

2)绝对路径

从本地导入图片(绝对路径)

3)从网络URL导入图片

从网络URL导入图片

二、超链接

1.超链接的定义

超链接(hyperlink)是指从一个网页指向一个目标的连接关系。

当网页中包含超链接时,其外观为彩色(一般为蓝色)且带下划线的文字或图像。单击这些文本或图像,可跳转到所链接的其他网页、图像、多媒体、电子邮件地址、可下载的文件等。

2.超链接的分类

根据超链接目标文件的不同,超链接可分为页面超链接、锚点超链接、电子邮件超链接等;根据超链接单击对象的不同,超链接可分为文字超链接、图像超链接、图像映射等。

3.超链接的应用

1)创建超链接

通过标签在HTML中创建超链接。标签的使用有以下两种方式。

①通过使用href属性创建指向另一个文档的超链接。

②通过使用name属性创建文档内的书签。

创建超链接的语法格式为

热点文本

href属性定义了这个链接所指的目标地址,也就是路径。

外部链接:热点文本点击此处,跳转到“小米商城(外部链接)”

内部链接:重要文档点击此处,打开本地苹果照片(内部链接)

如果要创建一个不链接到其他位置的空超链接,可用符号“#”代替URL。

空链接:这是一个空链接target属性设定链接被单击后打开窗口的方式,有以下4种方式。

①_blank:在新窗口中打开被链接的文档。

②_self:默认。在相同的框架中打开被链接的文档。

③_parent:在父框架集中打开被链接的文档。

④_top:在整个窗口中打开被链接的文档。

2.书签链接(锚点链接)

书签就是用标签对网页元素作的一个记号,锚点与链接可以在同一个页面,也可以在不同的页面。在实现锚点链接之前,需要先创建锚点,格式为

锚(显示在页面的文本)

其中,记号名或称锚点名称可以是数字或英文字母,也可以是两者的混合。在同一页面中可以有多个锚点,但名称不能相同。使用id属性替代name属性,锚点同样有效。

1)页面内书签的链接

要在当前页面内实现书签链接,需要定义超链接标签和书签标签两个标签。超链接标签的格式为

热点文本

即单击“热点文本”,将跳转到“记号名”开始的网页元素。

2)其他页面书签的链接

要在其他页面内实现书签链接,需要定义两个标签:一个为当前页面的超链接标签;另一个为跳转页面的书签标签。当前页面的超链接标签的格式为

热点文本

即单击“热点文本”将跳转到目标页面“记号名”开始的网页元素。

相关文章