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>  

web页面开发2_第1张图片

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

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

在这里插入图片描述
标签定义 ruby 注释(中文注音或字符)。

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

你可能感兴趣的:(学习笔记,html,html)