4、多媒体标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<!--

媒体标签：

	<embed></embed>

    	hidden ： 设置隐藏插件是否隐藏。

        src ：用于指定音乐的路径

   <embed src="1.mp3" ></embed>

   <marquee> 飘动标签

   		direction : 指定飘动的方向

        scrollamount : 指定飘动的速度。

        loop   :指定飘动的次数

	-->

   <marquee  loop="-1" scrollamount="30" direction="right"><font size="+6" color="red"> 我飞起来了...</font></marquee>

<body>

</body>

</html>

5、超链接标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<!--

 <a> 超链接标签

 a标签常用的属性：

 	href  : 用于指定链接的资源

    target: 设置打开新资源的目标。    _Blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源 

file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。

格式：

	file:\\\f:\美女\1.jpg    

a标签的原理：

	1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先

    会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的

    dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。

    2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。

    3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册

    表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。

邮件 的协议： mailTo

迅雷的协议： thunder

 超链接标签的作用：

 	1. 可以用于链接资源。

    2. 锚点点位.

    	1. 首先编写一个锚点  锚点的格式： <a name="锚点名字"> 数据</a>

		2. 使用a标签 的herf属性连接到锚点出。  href=”#锚点的名字“    

-->

<body>

	<a href="www.baidu.com">百度</a>

    <a  target="_blank" href="2常用的标签.html">带你去看1.html</a><br/>

    如果有需要请发送邮件至：<a href="mailTo:123456@qq.com">123456@qq.com</a><br/>

    <a href="thunder://abc/aa一个人的武林.avi">一个人的武林(高清枪版).avi</a>

    <a name="top">顶部</a> <!--锚点 -->

    <pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<!--

 <a> 超链接标签

 a标签常用的属性：

 	href  : 用于指定链接的资源

    target: 设置打开新资源的目标。    _Blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源 

file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。

格式：

	file:\\\f:\美女\1.jpg    

a标签的原理：

	1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先

    会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的

    dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。

    2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。

    3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册

    表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。

邮件 的协议： mailTo

迅雷的协议： thunder

 超链接标签的作用：

 	1. 可以用于链接资源。

    2. 锚点点位.

    	1. 首先编写一个锚点  锚点的格式： <a name="锚点名字"> 数据</a>

		2. 使用a标签 的herf属性连接到锚点出。  href=”#锚点的名字“

<a href="#top">回到顶部</a> </body></html>



6、图片标签。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<!--

<img>图片标签：

img标签常用的属性:

	width： 设置图片宽度

    height  设置图片高度

    alt:    如果图片资源无法找到，那么就显示对应的文字对图片进行说明。

热点图:

-->

</head>

<body>

	<img  src="11.jpg"  alt="这个是路飞" width="400" height="300" border="0" usemap="#Map" />

    <map name="Map" id="Map">

      <area shape="rect" coords="171,178,304,227" href="http:\\www.baidu.com" target="_blank" />

      <area shape="circle" coords="189,135,27" href="2常用的标签.html" target="_blank" />

    </map>

</body>

</html>

												


											
html详解（二）的更多相关文章
	

    
						
  1. .NET DLL 保护措施详解(二)关于性能的测试
		
    先说结果: 加了缓存的结果与C#原生代码差异不大了 我对三种方式进行了测试: 第一种,每次调用均动态编译 第二种,缓存编译好的对象 第三种,直接调用原生C#代码 .net dll保护系列 ------ ...
    
		
    2. 
						
  2. PopUpWindow使用详解(二)——进阶及答疑
		
      相关文章:1.<PopUpWindow使用详解(一)——基本使用>2.<PopUpWindow使用详解(二)——进阶及答疑> 上篇为大家基本讲述了有关PopupWindow ...
    
		
    3. 
						
  3. Android 布局学习之——Layout(布局)详解二（常见布局和布局参数）
		
    [Android布局学习系列]   1.Android 布局学习之——Layout(布局)详解一   2.Android 布局学习之——Layout(布局)详解二(常见布局和布局参数)   3.And ...
    
		
    4. 
						
  4. logback -- 配置详解 -- 二 -- <appender>
		
    附: logback.xml实例 logback -- 配置详解 -- 一 -- <configuration>及子节点 logback -- 配置详解 -- 二 -- <appen ...
    
		
    5. 
						
  5. 爬虫入门之urllib库详解(二)
		
    爬虫入门之urllib库详解(二) 1 urllib模块 urllib模块是一个运用于URL的包 urllib.request用于访问和读取URLS urllib.error包括了所有urllib.r ...
    
		
    6. 
						
  6. [转]文件IO详解(二)---文件描述符(fd)和inode号的关系
		
    原文:https://www.cnblogs.com/frank-yxs/p/5925563.html 文件IO详解(二)---文件描述符(fd)和inode号的关系 ---------------- ...
    
		
    7. 
						
  7. Android View 的绘制流程之 Layout 和 Draw 过程详解 (二)
		
    View 的绘制系列文章: Android View 的绘制流程之 Measure 过程详解 (一) Android View 绘制流程之 DecorView 与 ViewRootImpl 在上一篇  ...
    
		
    8. 
						
  8. HTTPS详解二：SSL / TLS 工作原理和详细握手过程
		
    HTTPS 详解一:附带最精美详尽的 HTTPS 原理图 HTTPS详解二:SSL / TLS 工作原理和详细握手过程 在上篇文章HTTPS详解一中,我已经为大家介绍了 HTTPS 的详细原理和通信流 ...
    
		
    9. 
						
  9. Linux dts 设备树详解(二) 动手编写设备树dts
		
    Linux dts 设备树详解(一) 基础知识 Linux dts 设备树详解(二) 动手编写设备树dts 文章目录 前言 硬件结构 设备树dts文件 前言 在简单了解概念之后,我们可以开始尝试写一个 ...
    
		
    10. 
						
  10. pika详解(二) BlockingConnection
		
    pika详解(二) BlockingConnection   本文链接:https://blog.csdn.net/comprel/article/details/94592348 版权 Blocki ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 用CSS让DIV上下左右居中的方法
			
    转载自喜欢JS的无名小站 例如 一个父div(w:100%;h:400px)中有一个子div(w:100px;100px;).让其上下左右居中. 方法一(varticle-align) 理念 利用表格 ...
    
			
    2. 
						
  2. 常见压缩格式分析，及 Linux 下的压缩相关指令
			
    可先浏览加粗部分 一.常见压缩档 *.zip | zip 程式壓縮打包的檔案: (很常见,但是因为不包含文件名编码信息,跨平台可能会乱码) *.rar | winrar 程序压缩打包的档案:(在win ...
    
			
    3. 
						
  3. PyCharm 2018.1破解过程
			
    一.下载 首先从官网下载 官网,如果开了酸酸乳的话无法下载,官网会自动断开连接.所以下载时请关闭酸酸乳 二.安装 选择安装路径 选择64位,创建关联.py文件 安装完后运行Pycharm 选择不导入开 ...
    
			
    4. 
						
  4. SpringMVC格式转化错误之HTTP Status [400] – [Bad Request]
			
    SpringMVC中,如果直接为Date类型的属性赋值,服务器有可能会报HTTP Status [400] – [Bad Request] Type Status Report Description ...
    
			
    5. 
						
  5. Openstack: Single node Installation and External Network Accessing Configuration Guide
			
    Summary of installation Step 0: Prerequisites Step 1: Create Openstack hostsystem Step 2: Config Ope ...
    
			
    6. 
						
  6. ReactNative 4Android源码分析二: 《JNI智能指针之实现篇》
			
    文/Tamic http://blog.csdn.net/sk719887916/article/details/53462268 回顾 上一篇介绍了<ReactNative4Android源码 ...
    
			
    7. 
						
  7. 《读书报告 -- Elasticsearch入门 》-- 安装以及简单使用（1）
			
    <读书报告 – Elasticsearch入门 > 第一章 Elasticsearch入门 Elasticsearch是一个实时的分布式搜索和分析引擎,使得人们可以在一定规模上和一定速度上 ...
    
			
    8. 
						
  8. 错误问题：OpenGL version to old,GLViewinitWithRect(const stdbasic_stringchar,stdchar_traitschar,stdalloca
			
     1电脑装成Linux之后,在Linux里面装虚拟机运行cocos2d-x-3.2时报如下错误: plan3d.exe!cocos2d::GLView::initWithRect(const st ...
    
			
    9. 
						
  9. SQLite 表达式(http://www.w3cschool.cc/sqlite/sqlite-expressions.html)
			
    SQLite 表达式 表达式是一个或多个值.运算符和计算值的SQL函数的组合. SQL 表达式与公式类似,都写在查询语言中.您还可以使用特定的数据集来查询数据库. 语法 假设 SELECT 语句的基本 ...
    
			
    10. 
						
  10. Freemarker 浅析
			
    今天分享一下一个模板语言的使用,它就是Freemarker,有点类似与前些日子做Python的Django中的模板语言,其实原理上都是相似的.所以这里就不对那些基础性的语法类的直至进行讲解了,就拿几个 ...
    
			
    11.