web页面开发2

标签

a标签的详解
标签定义超链接，用于从一个页面链接到另一个页面。

元素最重要的属性是 href 属性，它指定链接的目标。

在所有浏览器中，链接的默认外观如下：

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

***<a>标签（anchor的缩写）***
1）超链接
2）锚点
3）打电话，发链接
4）协议限定符

 <div id="demo1" style="width: 100px; height: 100px; background-color: #f40;">demo1div>    
 <div id="demo2" style="width: 100px; height: 100px; background-color: #fbd;">demo2div>    
 <a href="#demo1">find demo1a>    
 <a href="#demo2">find demo2a>

<div id="demo1" style="width: 100px; height: 100px; background-color: #f40;">demo1div>
<div id="demo2" style="width: 100px; height: 100px; background-color: #fbd;">demo2div>

<a href="#demo1" style="display: block; position: fixed; bottom: 100px; right: 100px ;border:1px solid  black; height: 50px; width: 200px; background-color: #ffcccc;">find demo1a>    
<a href="#demo2" style="display: block; position: fixed; bottom: 150px; right: 100px ;border:1px solid black; height: 50px; width: 200px; background-color: #ffffcc;">find demo2a>

<a href="tel:123456789">给卢本伟打电话a>

<a href="mailto:[email protected]">给卢本伟发邮件a>

 <a href="javascript:while(1){alert('让你手欠')}">你点我试试啊！a>

会一直弹出这个弹窗

标签

用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。

通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

<p>The <abbr title="World Health Organization">WHOabbr> was founded in 1948.p>

标签

标签定义一个短的引用。

浏览器经常会在这种引用的周围插入引号。

<p>WWF's goal is to: 
<q>Build a future where people live in harmony with nature.q>
We hope they succeed.p>

标签

<p>该段落文字从左到右显示。p>  
<p><bdo dir="rtl">该段落文字从右到左显示。bdo>p>  

1、表示加粗的标签有：
2、显示倾斜的标签有：
3、表示下划线的标签有：
4、显示删除的标签有：
5、显示引号的标签有：
6.上标，下标

<ruby>
  汉 <rp>(rp><rt>Hanrt><rp>)rp>
  字 <rp>(rp><rt>zirt><rp>)rp>
ruby>

标签定义 ruby 注释（中文注音或字符）。

将 标签与 和 标签一起使用：
元素由一个或多个需要解释/发音的字符和一个提供该信息的 元素组成，还包括可选的 元素，定义当浏览器不支持 “ruby” 元素时显示的内容。