html对a标签的运用以及属性,img图像标签的属性及应用
<!--图像标签:
img标签:<img>
属性1 src="图片的路径"
绝对路径:硬盘的地址:C:// D:// F://
网页上图片的地址:http://
相对路径:相对于本Html文件的路径
/:路径分隔符
./同路径(可省略)
../:上一级目录 img src="" alt=""
图片格式 属性值 图片打不开时用文字来代替
属性2 alt= 图片打不开时用文字来代替
属性3 title鼠标放到图片上提示一段编辑好的文字
超链接标签:<a></a>
属性:href=超链接跳转的地址
html的地址
绝对路径
相对路径
文件的地址:如果浏览器能解析,就会给你显示如果解析不了就会提示下载功能
属性:target:
属性值:_blank:在新窗口也打开链接
_self:在当前页面解开(默认)
属性:title:鼠标放上去时显示的文字 锚点链接:
锚(任一标签)<a name="top"> </a>
<a id="top"></a>
底部:<a href="#top">回到顶部</a>
<a href="网页地址#top">回到顶部</a>
<><>
-->
a标签使用案例
</table>
<img src="F:\HRMLWORK\day02\img\a.PNG" >
<img src="img/a.png">
<img src="https://www.baidu.com/img/bd_logo1.png" title="点我一下,立马破产">
<a href="https://www.baidu.com">百度</a>
<a href="index02.html">index02</a>
<a href="img/1.png">图片</a>
<a href="img.rar">下载</a>
<a href="https://www.baidu.com" target="_blank" title="百度">百度</a>
<a href="index02.html#wuwu">02</a>
<br>
<br>
<br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br>
<a href="#top">huiqu</a>
</body>
html对a标签的运用以及属性,img图像标签的属性及应用的更多相关文章
- HTML第三耍 图像标签
复习一下第二耍: <!doctype html> <html> <head> <meta charset="utf-8"> < ...
- HTML元素,属性,基础标签
元素,属性 元素 html有父元素和子元素,被包含的叫子元素,如html是head的父元素,他们是父子关系,head和body是兄弟关系 <html> <head></h ...
- html5-表单属性及<!DOCTYPE> 标签
<!DOCTYPE> 标签定义和用法<!DOCTYPE> 声明必须位于HTML 5 文档中的第一行,也就是位于<html> 标签之前.该标签告知浏览器文档所使用的H ...
- 【轻松前端之旅】元素,标记,属性,<html>标签
HTML文档是由HTML元素定义的. HTML元素(element)指的是从开始标签(start tag)到结束标签(end tag)的所有代码. 有些元素会使用简写记法,如<img src=' ...
- spring property标签中的 ref属性和ref 标签有什么不同? 如下:<property name="a" ref="b" />
spring property标签中的 ref属性和ref 标签有什么不同? 如下:<property name="a" ref="b" /> sp ...
- Web前端开发最佳实践(5):正确闭合HTML标签,停止使用不标准的标签和属性
正确闭合HTML标签 HTML元素的内容模型定义了元素的结构,表明元素可以包含哪些内容以及元素可以有哪些属性.元素可以包含的内容包括其他元素和字符,但是也有一些元素是空元素,即不能包含任何内容,这些元 ...
- javaweb带属性的自定义标签
带属性的自定义标签: 1.先在标签处理器中定义setter方法,建议把所有的属性类型都设置为String类型. package com.javaweb.tag; import java.io.IOEx ...
- 正则去除html标签属性保留指定标签
/// <summary> /// 去除标签里面的属性保留IMG标签属性 /// </summary> /// <param name="strText&quo ...
- [转]spring property标签中的 ref属性和ref 标签有什么不同
spring property标签中的 ref属性和ref 标签有什么不同? 如下:<property name="a" ref="b" /> sp ...
随机推荐
- Learning-Python【21】:Python常用模块(4)—— re、logging、hashlib、subprocess
re 模块:与正则相关的模块 在使用 re 模块之前,需要先了解正则表达式(regular expression),描述了一种字符串匹配的模式(pattern),可以用来检查一个字符串是否含有某个子字 ...
- CSS之user-select——设置标签中的文字是否可被复制
详细介绍请参考 http://www.css88.com/book/css/properties/user-interface/user-select.htm CSS样式 user-select:no ...
- Redis入门指南之一(简介)
1. 简介 Redis是一个开源的.高性能的.基于键值对的缓存与存储系统,通过提供多种键值数据类型来适应不同的场景下的缓存与存储需求.同时Redis的诸多高级功能使其可以胜任消息队列.任务队列等不同的 ...
- mysql linux安装教程
1.下载 下载地址:http://dev.mysql.com/downloads/mysql/5.6.html#downloads 下载版本:我这里选择的5.6.33,通用版,linux下64位 也可 ...
- EL条件判断用法<c:choose>
EL表达式一般不直接用==,!=,>,<,>=,<=之类的表示相等.不等于.大于.小于.大于等于以及小于等于,而是使用字母表示,如下: == eq 等于 != ...
- git提交代码到码云详解
一.为什么不用github而使用码云? 私有——免费,速度快 二.怎么用? 1.下载安装好git. 2.去码云官网注册个账号.官网:https://git.oschina.net/ 3.创建项目.项目 ...
- ES6中export与export default的区别
首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口i ...
- python 利用selectors实现异步I/O
它的功能与linux的epoll,还是select模块,poll等类似:实现高效的I/O multiplexing, 常用于非阻塞的socket的编程中: 简单介绍一下这个模块,更多内容查看 pyt ...
- sass command
compass create --bare --sass-dir "sass" --css-dir "css" --javascripts-dir " ...
- SQL-46 在audit表上创建外键约束,其emp_no对应employees_test表的主键id。
题目描述 在audit表上创建外键约束,其emp_no对应employees_test表的主键id.CREATE TABLE employees_test(ID INT PRIMARY KEY NOT ...