超链接标签

a标签就是超文本标签也叫超链接

a 标签定义超链接,用于从一张页面链接到另一张页面。
a 元素最重要的属性是 href 属性,它指示链接的目标。

在所有浏览器中,链接的默认外观是:

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

常用属性有:target=“_black” 新空白页跳转页面
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><a  target="_black" href="https://www.baidu.com/>百度</a></body>
</html>
target_self当前页面跳转
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><a  target="_self" href="https://ai.taobao.com/" >淘宝</a></body>
</html>

淘宝页跳转https://ai.taobao.com/`

img标签

在html当中,我们可以使用来对图像进行设置,img标签是自闭和标签,是没有结束标签的,
我们只要掌握和src、alt和title这三个属性及可以了

  1. src属性是图像的文件地址

  2. alt属性是图片如果出现断裂时候出现的文字

  3. title属性是鼠标放在图片上显示的文字
    在以上三种属性中,src和alt是不能缺少的

图像标签img详解

1.src属性是图片不能缺少的属性,一般是图片的地址来源,语法为:

<imgsrc=“图片地址属性”/>

2.img标签中的alt属性

alt属性其实也是给搜索搜索引擎看的,语法:

<imgsrc="图片地址"alt=“图片描述(给浏览器看)”
  3.title属性

title属性是鼠标移动到图片上,就显示的图片的标题,让用户看到图片的信息。语法:<imgsrc="图片地址"alt="图片描述(给浏览器看)"title=“图片描述(给用户看)”>

<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>图像标签img</title></head><body><imgsrc="https://img.php.cn/upload/article/000/000/003/5b49b0e610f26951.jpg"alt="php中文网"title="php中文网"/></body></html>

HTML<a>,<img>标签介绍及用法相关推荐

  1. html5 ins标签,HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍

    HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍都在这里,本篇文章主要介绍了html ins标签用法和定义都有什么,还有一些html ins标签常用属性的介绍 HTML ins标签 ...

  2. html5变动标签新写法,Html5新标签解释及用法

    Html5新标签解释及用法 发布时间:2012-02-17 22:50:45   作者:佚名   我要评论 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1. ...

  3. html input file 修改按钮文字_html单选按钮默认选中怎么做?input标签的单选按钮用法实例...

    本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧 首先我们介绍的是在html input ...

  4. chrome介绍与用法

    chrome介绍与用法 chrome介绍与用法 1. 认识devTools Elements 面板 console控制面板 Sources 资源面板 chrome介绍与用法 1. 认识devTools ...

  5. html怎么把view变成标签_html单选按钮默认选中怎么做?input标签的单选按钮用法实例...

    本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧 首先我们介绍的是在html input ...

  6. html单选按钮默认选中怎么做?input标签的单选按钮用法实例

    本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧 打造全网web前端全栈资料库(总目录) ...

  7. php html block,HTML的blockquote标签介绍

    HTML 标签 所有主流的浏览器均支持 标签. 注释:没有浏览器能够正确地显示 cite 属性. ( 推荐学习:html教程 ) 定义和用法 标签定义块引用. 与 之间的所有文本都会从常规文本中分离出 ...

  8. html中fieldset改颜色,HTML fieldset 标签的具体用法是什么?怎么用fieldset设置边框颜色?...

    HTML 标签的具体用法是什么?怎么用fieldset设置边框颜色?本篇文章为大家详细的介绍了HTML 标签的一些用法(有实例)和如何跟别的元素组合使用的一些技巧 HTML中fieldset标签的定义 ...

  9. think php condition,if condition多个值_thinkphp if标签的condition用法

    今天在写网站的时候同一个条件需要对比多个值,框架是thinkphp的查了下资料发现是可以判断的,接下来吾爱编程就为大家介绍一下thinkphp中if标签的condition用法,有需要的小伙伴可以参考 ...

最新文章

  1. 宕机的阿里云们正在杀死运维?
  2. ios 中的基本算数函数
  3. Spring Boot - 构建数据访问层
  4. SAP UI5应用debug级别的日志打印如何设置
  5. 使用Excel消费SAP C4C的OData service
  6. Jsp Servlet Mysql实现的Java Web在线商城项目源码
  7. HTCondor下多台Linux计算集群的搭建
  8. CAD图纸打印自动排版
  9. 计算机金额函数,Excel数字转大写金额方法 一个隐藏函数搞定
  10. MySQL安装图解设置详细教程
  11. 全 3D 社交网络 Beloola 测试视频
  12. 2017-2018 ACM-ICPC, Asia Daejeon Regional Contest:Gym 101667B
  13. win10电脑右击新建没有Word、Excel怎么办
  14. 10分钟就能完成别人半天的工作量,Word长文档排版技巧分享
  15. 又一篇Android Recovery的文章
  16. 文件共享-iscsi磁盘共享
  17. html状态中的302代码含义,网站状态码301与302的作用与区别
  18. C#+SQL Server工资管理系统
  19. python中max什么意思_python中max()语法的说明
  20. 【转】Ogitor中Gizmo的绘制技巧 - 战魂小筑 - C++博客

热门文章

  1. 中国化肥产业发展现状及趋势分析,化肥产能过剩情况得到缓解「图」
  2. linux c计算时间差值,获取时间和计算时间差的几种方法总结,时间差几种方法...
  3. node抓取58同城信息_如何使用标准库和Node.js轻松抓取网站以获取信息
  4. 分类计数原理与分步计数原理_分类加法计数原理与分步乘法计数原理的解题策略之一...
  5. 1-ubuntu基础——换源第一步
  6. python eel 多线程_使用EEL将数据从Python发送到Javascript - javascript
  7. Python3+wxPython3+robotframwork+ride3安装步骤
  8. 智能科普:VR、AR、MR的区别
  9. 【Office】office 2016批量版和零售版(包含Visio)
  10. 微软输入法自动导入小鹤双拼