HTML |
您所在的位置:网站首页 › html图片设置超链接 › HTML |
本节主要介绍4部分内容 1. 图像 2. 链接 3. 表格 4. 列表 1. 图像 1.1 定义图像在 HTML 中,图像由 align, border, hspace, longdesc和vspace在HTML5中不再支持 属性解释如下:src:图片地址 alt:用来为图像定义可替换的文本,即当图像不显示,则显示该文本 height:定义高度 width:定义宽度 crossorigin:设置图像的跨域属性 ismap:将图像规定为服务器端图像映射 usemap:将图像定义为客户器端图像映射 注意:假如某个 HTML 文件包含10个图像,那么为了正确显示这个页面,需要加载 11 个文件。加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。 下面举几个例子: 插入静态图片和动态图片的语法是一样的
一个图像:
一个动图:
如果路径正确,输出为: 如果路径不正确,则输出为: 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。 ![]() 结果如下: 星球区域均可以点击,点击后进入对应页面 2. 链接HTML使用标签 来设置超文本链接,使用href属性来描述链接的地址。 默认情况下,链接将以以下形式出现在浏览器中: 未访链接显示为最基本的超链接定义方式,还可以利用target="_blank"属性将链接设定在新窗口打开。 语法: 链接文本 访问菜鸟教程! 以上为两个链接的例子,第一行为一个链接的最简单写法。第二行定义在新窗口打开。 下面看看嵌套的链接例子。 2. 1 创建图片链接创建图片链接:
无边框的图片链接: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |