HTML

您所在的位置:网站首页 html图片设置超链接 HTML

HTML

#HTML| 来源: 网络整理| 查看: 265

本节主要介绍4部分内容 1. 图像 2. 链接 3. 表格 4. 列表

1. 图像 1.1 定义图像

在 HTML 中,图像由 标签定义。 是空标签,意思是说,它只包含属性,并且没有闭合标签。要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。 语法:

...

align, border, hspace, longdesc和vspace在HTML5中不再支持

属性解释如下:

src:图片地址 alt:用来为图像定义可替换的文本,即当图像不显示,则显示该文本 height:定义高度 width:定义宽度 crossorigin:设置图像的跨域属性 ismap:将图像规定为服务器端图像映射 usemap:将图像定义为客户器端图像映射

注意:假如某个 HTML 文件包含10个图像,那么为了正确显示这个页面,需要加载 11 个文件。加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。 下面举几个例子: 插入静态图片和动态图片的语法是一样的

一个图像: Smiley face

一个动图: Computer man

如果路径正确,输出为:

路径正确

如果路径不正确,则输出为:

路径不正确,只显示alt的文字 1.2 定义图像地图

标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 添加 id 和 name 属性。 area 元素是定义可点击区域,永远嵌套在 map 元素内部。

Planets

结果如下:

image.png

星球区域均可以点击,点击后进入对应页面

2. 链接

HTML使用标签 来设置超文本链接,使用href属性来描述链接的地址。 默认情况下,链接将以以下形式出现在浏览器中:

未访链接显示为\color{blue}{蓝色字体}并带有下划线。 访问过的链接显示为\color{purple}{紫色字体}并带有下划线。 点击链接时,链接显示为\color{red}{红色字体}并带有下划线。

最基本的超链接定义方式,还可以利用target="_blank"属性将链接设定在新窗口打开。 语法:

链接文本 访问菜鸟教程!

以上为两个链接的例子,第一行为一个链接的最简单写法。第二行定义在新窗口打开。 下面看看嵌套的链接例子。

2. 1 创建图片链接

创建图片链接: Cover

无边框的图片链接:



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3