实体字符,媒体标签,元素飘动标签,超链接标签

一)实体字符

一些特别的字符会被html认为是关键字,从而在页面无法显示出来,这些特殊的字符我们要用实体字符里代替,这样就能在页面显示出来了;

常用的实体字符:
空格  
小于号 <
大于号 >

人民币 ¥;
版权所有 ©
注册的商标 ®

在html中,这些字符我们就用实体字符来代替:

<body bgcolor="#80FFFF">
我们即将要学习 &lt;a&gt;"标签"<br/>
这件毛衣的价格是:&yen;180 <br/>
本次活动最终解释权归属于: &copy;Vmax-Tam <br/>
如果&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;有兴趣请联系:&reg;Vmax-Tam

</body>

效果:

二)媒体标签:打开媒体文件,如:音乐,视频。会默认地调用浏览器的组件来播放。

<embed>标签

应用例子:

<embed src="../每天视频/day02/陈奕迅 - Muffin Man.mp3"></embed>

常用属性:src属性指定为媒体所在的路径。

效果:

三)元素飘动标签:可使标签内的元素飘动。

<marquee>标签

应用例子:

<marquee direction="right" scrollamount="80s" loop="2">

  <embed src="../每天视频/day02/陈奕迅 - Muffin Man.mp3"></embed>

         <font size="50" color="#0033CC">~~~~~根本停不下来~~~~~</font>

</marquee>

常用属性:

direction属性:指定飘动的方向。

scrollamount属性:指定飘动的速度。

loop属性:指定飘过屏幕的次数

效果:

会从左到右飘动

四)超链接标签

<a>标签

功能

一.打开指定路径的文件,也可以打开指定的网址,也可以用指定的协议打开对象。

二.锚点定位,可以跳到记录锚点的位置。

使用效果:

1)

<a href="http://www.baidu.com">点击我去百度吧!</a> <br/>

href属性指定链接的对象是一个域名。

功能:点击文字就能打开一个去百度的链接。

2)

<a href="表格.html" target="_blank">点击我查看本地html表格!</a><br/>

href指定打开一个叫 “表格”的html文件。

target属性指定了是否为链接打开一个新的窗口来浏览。

功能:点击文字浏览器新开一个窗口来浏览”表格”页面。

3)

你想联系我,请发邮件到  <a href="mailTo:[email protected]">[email protected]</a><br/>

点击此处下载 <a href="thunder:./变形金刚.avi">变形金刚.avi</a>

href还可以指定协议来打开目标链接。

mailTo协议:会打开系统默认的邮箱来编辑内容,向指定邮箱发送邮件。

thunder协议:会运行迅雷来下载目标资源。

http协议:浏览器在解释这个资源路径的时候就会启动http协议引擎去解释资源路径,首先在本地找到一个hosts文件,查看hosts文件是否具备该域名对应的主机如果没有找到对应的主机,那么就会去到对应的dns服务器去寻找。

其它协议:浏览器会去到本地的注册表中寻找可以处理这种协议的应用程序,如果能找到那么马上启动该应用程序。

如果一个链接没有指定协议,系统会默认以file协议在本地寻找资源:

4)以一个锚点做目标,从一个地方跳动描点所在的地方。

<a name="top"><h1 align="center">我是文章的标题</h1></a>

    这里是一大段文字。。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。<br/>

<a href="#top">点击我回到文章标题</a

文章标题里定义了一个含有name属性的锚,name=”top”

在文章结尾定义一个<a>标签,链接到name=”top”的锚上。

那么当点击 “点击我回到文章标题” 时,浏览器窗口就会跳到文章标题。

时间: 2024-10-11 22:12:19

实体字符,媒体标签,元素飘动标签,超链接标签的相关文章

HTML5 &lt;template&gt;标签元素简介

一.HTML5 template元素初面 <template>元素,基本上可以确定是2013年才出现的.干嘛用的呢,顾名思意,就是用来声明是"模板元素". 目前,我们在HTML中嵌入模板HTML,往往是类似这样的写法: <script type="text/template"> // ... </script> 实际上,并不存在type="text/template"这样的标准写法,<template&g

HTML基本标签元素

HTML:  超文本标记语言(HyperText   Mark-up  Language ) 1.作用:写网页结构  2.HTML不区分大小写,建议小写   3.文件后缀 .html  或者  .htm   4.html由浏览器解析执行.  由上往下,由左往右 1) HTML标签  标记  :  用于描述功能的符号称为"标签" <..>  组成HTML双标记  封闭类型标记   如:<hn>,<p>单标记  非封闭类型标记  空标记   <im

详解HTML的a标签(超链接标签)

原文 简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4.a标签常用的协议 5.超链接标签的样式问题--a标签的伪类选择器的书写顺序 1.什么是<a>标签 <a> 标签定义超链接,用于从一张页面链接到另一张页面. <a> 元素最重要的属性是 href 属性,它指示链接的目标. 2.<a>标签的几个重要属性 2.1.h

HTML笔记(二) HTML标签元素

一 常用的头部元素标签 <head>元素包含了所有的头部标签元素. 1.<title> <title>标签定义了HTML文档的标题,在HTML/XHTML文档中是必须的. 主要功能: 定义了浏览器工具栏的标题: 当网页添加到收藏夹时,显示在收藏夹中的标题: 显示在搜索引擎结果页面的标题: 2.<base> <base>标签描述了基本的链接地址或链接目标. 该标签作为HTML文档中所有的链接标签的默认链接,即如果HTML文档中的超链接标签没有添加链

Html页面head标签元素的意义和应用场景

相信在html5之前,很少人会关注html页面上head里标签元素的定义和应用场景,可能记得住的只有"title"."keyword"和"description"这些meta在逐渐了解使用html新标准后,特别是移动页面的开发普及,可以看到html中这一块内容越来越重要为大家所认识,初次见到这些标签基本是摸不着头脑,今天就来梳理这些标签的定义(以html5标准展开): 先来一个页面概括,head标签不分排序先后: <!DOCTYPE htm

HTML的标签元素分类的区别

HTML ,即Hyper Text Markup Language 超文本标记语言: 文本:纯字符,如window中的txt文本 超文本:在纯文本中嵌入样式,图片,音频,视频,链接等内容 HTML的基本结构: <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> HTML元素类型: (1)     区

详解HTML&lt;head&gt; 头标签元素的意义以及使用场景

HTML<head>头部分的标签.元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性.移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要.了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的.本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签.元素的意义以及使用场景. DOCTYPE DOCTYPE(Document Type),该声明位于文档中最前面的

块级标签(行元素)和内联标签(行内元素)

块级标签 如果两个同样的标签写在一起,出现在不同的行上面,这种就是块级标签. 块级标签的特点: 占据整行,自带换行效果.除了div以外,一般块级标签都会有内外边距,宽度和高度. 常见的块级标签: <h1-h6></h1-h6>,<p></p>,<div></div> 块元素标签示例: <!DOCTYPE html> <html lang="en"> <head> <meta

网页编程技术二(块级元素和行内标签)

1.块级元素 顾明思义,块级标签在网页中显示为块:块级标签一般独占一行,新的块级标签将从新的一行开始排列,它可以容纳其他块级元素和内联元素. 常见的会计标签: 1.1标题标签:<h1></h1> ~ <h6></h6>,从1级到6级每级标题的字体依次递减 1.2水平线标签:<hr/>,添加水平分隔线,让页面更容易区分段落:该标签是单个出现,不是成对出现: 1.3段落标签:<p></p>,使用段落标签区分段落,不同的段落之间