美文网首页
HTML基础知识点-图像与超链接

HTML基础知识点-图像与超链接

作者: 梦幽辰 | 来源:发表于2019-12-22 15:11 被阅读0次

图像标签

语法

<img src="" alt=""/>

img属性

属性 描述
Src(必写) URL 显示图像的URL
alt 文字 图像替代文本
height 数值和百分比 图像的高
width 数值和百分比 图像的宽

alt属性作用

当由于:

  • 网速太慢

  • src属性中的错误

  • 浏览器禁用图像

用户无法查看图像时,alt属性可以代替图像显示在浏览器中的内容

超链接标签

语法

<a href="">内容</a>

href:链接地址,可以是内部链接或外部链接

当链接为空时,点击链接会刷新页面

属性

属性 描述
href 链接地址
target 链接的目标窗口(_self、_blank、_top、_parent)
title 链接提示文字(当光标停在链接上时,提示文字将会出现)
name 链接命名

锚链接

定义锚(同一页面)

<a href="#锚名">目录1</a>
<a href="..." name="锚名">内容</a>
    xxxxx
    xxxxxxxxxx

定义锚(不同页面)

不同页面的锚链接:不仅可以跳转别的链接,而且还能找到相应的锚点位置

网页1:<a href="网页名称#锚名>...</a>
网页2:<a href="锚名>...</a>

电子邮件链接

语法

<a href="mailto:邮件地址">...</a>

文件下载

语法

<a href="下载文件的地址" download="下载文件的地址">...</a>

相关文章

  • HTML基础知识点-图像与超链接

    图像标签 语法 img属性 属性值描述Src(必写)URL显示图像的URLalt文字图像替代文本height数值和...

  • html图像插入与超链接

    1.图像插入 代码 用img图像标签 src属性它规定图像的 URL。1.1 URL分为绝对地址和相对地址1.2...

  • 初识HTML

    HTML基础 文本标签 列表 图片和超链接 表格 homework.html

  • HTML学习笔记(一)

    本节学习内容 HTML说明 HTML头部标记 标题字 段落标记 建立超链接 使用图像

    TextView

    学习知识点:1.使URL 电话 Email 显示超链接2.利用HTML标签实现超链接3.利用HTML标签插入图片4...

  • JAVA Web学习(2)___第二章 HTML 和CSS网页开

    第2章 HTML 和CSS网页开发基础 2.1.6 超链接和图片标记 1.超链接 HTML使用标签 来设置超文本...

  • 前端开发 之 HTML基础(二)

    文章简要: HTML语言的语法 HTML语言标题字体 物理字体及字符实体 列表的应用 超链接和图像 HTML语言的...

  • 【HTML】 一、HTML的语法

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 七、HTML框架

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 五、超链接的使用

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

网友评论

      本文标题:HTML基础知识点-图像与超链接

      本文链接:https://www.haomeiwen.com/subject/vguinctx.html