HTML中可以连接资源的标签集合
1.<a>标签,href属性指示链接的目标,可以是HTML也可以是内部css样式。
<a href="http://www.w3school.com.cn">W3School</a>
2.<area>标签,href属性,作用,带有可点击区域的图像映射,可能的值:站内链接,站外链接。锚点。
注:
HTML 与 XHTML 之间的差异
在 HTML 中,<area> 没有结束标签。
在 XHTML 中,<area> 必须正确地关闭
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
3.<audio>标签的src属性,播放该url下的音频
<audio src="URL">
4.<base>标签的href属性,页面上所有的相对链接的基准url
注:
4.1在 HTML 中,<base> 标签没有结束标签;在 XHTML 中,<base> 标签必须被正确地关闭。
4.2<base> 标签必须位于 head 元素内部。
<head>
<base href="http://www.w3school.com.cn/i/" />
</head>
5.<blockquote> cite 属性,指定引用的来源
<blockquote cite="http://www.wwf.org">
6.<body> 标签的 background 属性
<body background="bgimage.jpg">
7.<button> formaction 属性
formaction 属性覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用。
<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname" />
Last name: <input type="text" name="lname" />
<button type="submit">提交</button><br />
<button type="submit" formaction="demo_admin.asp">以管理员身份提交</button>
</form>
8.<command> icon 属性,规定用于代表command元素的图像
<menu>
<command onclick="alert('Hello World')" icon="bulbon.gif">
Click Me!
</command>
</menu>
注:<command>必须位于menu元素内时,其元素才是可见的。
9.<embed> src 属性,<embed> 标签定义嵌入的内容,比如插件
<embed src="helloworld.swf" />
10.<frame> 标签的 longdesc 属性,规定框架的内容描述页面的 URL。
<html>
<frameset cols="50%,50%">
<frame src="frame_a.htm" longdesc="w3school.txt" />
<frame src="frame_b.htm" />
</frameset>
</html>
11.<frame> 标签的 src 属性,规定要在框架中显示的文档的地址。
<html>
<frameset cols="50%,50%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
</frameset>
</html>
注:
注释:如果您希望验证某个包含框架的页面,请确保 DTD 被设置为 "Frameset DTD"。
重要事项:您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。
不过,如果您需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中!
12.<iframe> 标签的 longdesc 属性,规定 iframe 的内容描述页面的 URL。
<iframe src ="/index.html" longdesc="w3school.txt">
<p>Your browser does not support iframes.</p>
</iframe>
13.<iframe> 标签的 src 属性,规定显示在 iframe 中的文档的地址。
<iframe src="/index.html">
<p>Your browser does not support iframes.</p>
</iframe>
14.<img> 标签的 src 属性
<img src="/i/eg_tulip.jpg" />
15.<img> 标签的 longdesc 属性(页面不会显示)
<img src="eg_logo_w3school.gif" alt="W3School.com.cn" longdesc="w3s.txt" />
16.<link> 标签的 href 属性,href 属性指向了一个外部样式表的位置
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
17.<menuitem> 标签定义用户可以从弹出菜单调用的命令/菜单项目。(只有火狐支持,但是基本没有应用)
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
18.<object>网页对象,标签的 codebase 属性
<object classid="clock.class" codebase="http://www.w3school.com.cn/classes/">
</object>
这行语句可以解析为这个 URL:
http://www.w3school.com.cn/classes/clock.class
19.<object> 标签的 archive 属性,
属性的值是一个用引号括起来的 URL 列表,
其中每个 URL 都指向一个在显示或执行对象之前浏览器需要加载的档案文件,
用来指名对象资源列表的以空格分隔的 URI 列表。
20.<object> 标签的 data 属性
data 属性用于指定供对象处理的数据文件的 URL。
该属性的值是文件的 URL,该 URL 可能是相对于文件基本 URL 的绝对 URL 或相对 URL,
或者是相对于用 codebase 属性提供的 URL 的绝对或相对 URL。
21.<script> 标签的 src 属性
<script type="text/javascript" src="myscripts.js"></script>
22.<source> src 属性
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
23.<track> src 属性
带有两个字幕轨道的 video 元素:
<video width="320" height="240" controls="controls">
<source src="forrest_gump.mp4" type="video/mp4" />
<source src="forrest_gump.ogg" type="video/ogg" />
<track kind="subtitles" src="subschi.srt" srclang="zh" label="Chinese">
<track kind="subtitles" src="subseng.srt" srclang="en" label="English">
</video>
24.<video> src 属性
<video controls="controls" src="movie.ogg">
Your browser does not support the video tag.
</video>
HTML中可以连接资源的标签集合的更多相关文章
- 最新最全的html5标签集合
最新最全的html5标签集合,按字母顺序排列的标签列表 4:指示在HTML4.01中定义了该元素 5:指示在HTML5中定义了该元素 标签 描述 <!--...--> 定义注释 <! ...
- 在Tomcat中配置连接池和数据源
1.DataSource接口介绍 (1)DataSource 概述 JDBC1.0原来是用DriverManager类来产生一个对数据源的连接.JDBC2.0用一种替代的方法,使用DataSource ...
- Mybatis中的连接池
Mybatis中DataSource的存取 MyBatis是通过工厂模式来创建数据源DataSource对象的,MyBatis定义了抽象的工厂接口:org.apache.ibatis.datasour ...
- Java中JDBC连接池&JDBCTemplate
数据库连接池 概念:其实就是一个容器(集合),存放数据库连接的容器. 当系统初始化好后,容器被创建,容器中会申请一些连接对象,当用户来访问数据库时,从容器中获取连接对象,用户访问完之后,会将连接对象归 ...
- 帆软报表FineReport中数据连接的JDBC连接池属性问题
连接池原理 在帆软报表FineReport中,连接池主要由三部分组成:连接池的建立.连接池中连接使用的治理.连接池的关闭.下面就着重讨论这三部分及连接池的配置问题. 1. 连接池原理 连接池技术的核心 ...
- oracle中的连接查询与合并查询总结
连接查询: 连接查询是指基于多张表或视图的查询.使用连接查询时,应指定有效的查询条件,不然可能会导致生成笛卡尔积.如现有部门表dept,员工表emp,以下查询因查询条件无效,而产生笛卡尔积: (各 ...
- QT笔记之VS2010 Qt中导入qrc资源文件
转载1:http://qimo601.iteye.com/blog/1404693 转载2:http://blog.sina.com.cn/s/blog_92cde3060101lobm.html 转 ...
- SQL Server中内连接和外连接的区别
SQL Server中内连接和外连接的区别 假设一个数据库中有两张表,一张是学生表StudentInfo,一张是班级表ClassInfo,两张表之间用ClassId字段进行关联. 如果用内连接,正常的 ...
- 5. Effective Java 第三版——使用依赖注入取代硬连接资源
Tips <Effective Java, Third Edition>一书英文版已经出版,这本书的第二版想必很多人都读过,号称Java四大名著之一,不过第二版2009年出版,到现在已经将 ...
随机推荐
- 在eclipse中构建solr项目+添加core+整合mysql+添加中文分词器
最近在研究solr,这里只记录一下eclipse中构建solr项目,添加core,整合mysql,添加中文分词器的过程. 版本信息:solr版本6.2.0+tomcat8+jdk1.8 推荐阅读:so ...
- ModelForm组件介绍
照抄自:http://www.jb51.net/article/126786.htm ModelForm组件如同它的名字一样就是把model和form结合起来,在有些场景可以起到意想不到的效果. 先来 ...
- 在html中插入音频
在html中插入音频 第一种:在页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1&q ...
- LeetCode:螺旋矩阵【54】
LeetCode:螺旋矩阵[54] 题目描述 给定一个包含 m x n 个元素的矩阵(m 行, n 列),请按照顺时针螺旋顺序,返回矩阵中的所有元素. 示例 1: 输入: [ [ 1, 2, 3 ], ...
- api响应类
接口开发响应类封装 class response{ /* * 封通信接口数据 * @param integer $code 状态码 * @param string $message 状态信息 * @p ...
- Python学习进程(7)字符串
本节介绍字符串的创建与操作方法. (1)创建字符串: 创建字符串既可以用单引号也可以用双引号: root@SJM:/home/sunjimeng/桌面# cat text.py ...
- 3D图形学理论入门指南
转:http://gad.qq.com/article/detail/35096 介绍 当我还小的时候,我曾以为计算机图形学是最酷的玩意儿.但是随即我认识到,学习图形学——创建那些超级 ...
- Shell编程之while循环和until循环
一.当型和直到型循环 1.while循环语句 while < 条件表达式 > do 指令... done while循环执行流程对应的逻辑图 2.until循环语句 until < ...
- PHP实现链式操作
什么是链式操作 我们经常会在一些应用框架中看到如下代码: $db = new Database; $db->where('cid = 9')->order('aid desc')-> ...
- 同类型元素,只有一个被选中js
<div class="wrap-box flex_row"> <div class="wrap-block"> <div cla ...