HTML<a>,<img>标签介绍及用法
超链接标签
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这三个属性及可以了
src属性是图像的文件地址
alt属性是图片如果出现断裂时候出现的文字
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>标签介绍及用法相关推荐
- html5 ins标签,HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍
HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍都在这里,本篇文章主要介绍了html ins标签用法和定义都有什么,还有一些html ins标签常用属性的介绍 HTML ins标签 ...
- html5变动标签新写法,Html5新标签解释及用法
Html5新标签解释及用法 发布时间:2012-02-17 22:50:45 作者:佚名 我要评论 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1. ...
- html input file 修改按钮文字_html单选按钮默认选中怎么做?input标签的单选按钮用法实例...
本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧 首先我们介绍的是在html input ...
- chrome介绍与用法
chrome介绍与用法 chrome介绍与用法 1. 认识devTools Elements 面板 console控制面板 Sources 资源面板 chrome介绍与用法 1. 认识devTools ...
- html怎么把view变成标签_html单选按钮默认选中怎么做?input标签的单选按钮用法实例...
本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧 首先我们介绍的是在html input ...
- html单选按钮默认选中怎么做?input标签的单选按钮用法实例
本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法,还有关于HTML input标签的单选默认按钮的做法.接下来我们一起来看看这篇文章吧 打造全网web前端全栈资料库(总目录) ...
- php html block,HTML的blockquote标签介绍
HTML 标签 所有主流的浏览器均支持 标签. 注释:没有浏览器能够正确地显示 cite 属性. ( 推荐学习:html教程 ) 定义和用法 标签定义块引用. 与 之间的所有文本都会从常规文本中分离出 ...
- html中fieldset改颜色,HTML fieldset 标签的具体用法是什么?怎么用fieldset设置边框颜色?...
HTML 标签的具体用法是什么?怎么用fieldset设置边框颜色?本篇文章为大家详细的介绍了HTML 标签的一些用法(有实例)和如何跟别的元素组合使用的一些技巧 HTML中fieldset标签的定义 ...
- think php condition,if condition多个值_thinkphp if标签的condition用法
今天在写网站的时候同一个条件需要对比多个值,框架是thinkphp的查了下资料发现是可以判断的,接下来吾爱编程就为大家介绍一下thinkphp中if标签的condition用法,有需要的小伙伴可以参考 ...
最新文章
- 宕机的阿里云们正在杀死运维?
- ios 中的基本算数函数
- Spring Boot - 构建数据访问层
- SAP UI5应用debug级别的日志打印如何设置
- 使用Excel消费SAP C4C的OData service
- Jsp Servlet Mysql实现的Java Web在线商城项目源码
- HTCondor下多台Linux计算集群的搭建
- CAD图纸打印自动排版
- 计算机金额函数,Excel数字转大写金额方法 一个隐藏函数搞定
- MySQL安装图解设置详细教程
- 全 3D 社交网络 Beloola 测试视频
- 2017-2018 ACM-ICPC, Asia Daejeon Regional Contest:Gym 101667B
- win10电脑右击新建没有Word、Excel怎么办
- 10分钟就能完成别人半天的工作量,Word长文档排版技巧分享
- 又一篇Android Recovery的文章
- 文件共享-iscsi磁盘共享
- html状态中的302代码含义,网站状态码301与302的作用与区别
- C#+SQL Server工资管理系统
- python中max什么意思_python中max()语法的说明
- 【转】Ogitor中Gizmo的绘制技巧 - 战魂小筑 - C++博客
热门文章
- 中国化肥产业发展现状及趋势分析,化肥产能过剩情况得到缓解「图」
- linux c计算时间差值,获取时间和计算时间差的几种方法总结,时间差几种方法...
- node抓取58同城信息_如何使用标准库和Node.js轻松抓取网站以获取信息
- 分类计数原理与分步计数原理_分类加法计数原理与分步乘法计数原理的解题策略之一...
- 1-ubuntu基础——换源第一步
- python eel 多线程_使用EEL将数据从Python发送到Javascript - javascript
- Python3+wxPython3+robotframwork+ride3安装步骤
- 智能科普:VR、AR、MR的区别
- 【Office】office 2016批量版和零售版(包含Visio)
- 微软输入法自动导入小鹤双拼