a标签的伪类
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>a的伪类</title>
<style type="text/css">
/*
涉及到a的伪类一共有四个:
:link
:visited
:hover
:active
而这四个选择器的优先级是一样的,
*/
a:link{
color: yellowgreen;
}
a:visited{
color: red;
}
/*
鼠标移入
*/
a:hover{
color: orange;
}
/*
鼠标点击
*/
a:active{
color: cornflowerblue;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">访问过的链接</a>
<br />
<a href="http://www.baidu123.com">未访问过的链接</a>
</body>
</html>
文本标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>文本标签</title>
<style type="text/css">
</style>
</head>
<body>
<!--
em和strong
——这两个标签表示一个强调的内容
em主要表示语气上的强调,em在浏览器中默认使用斜体显示
strong表示强调的内容,比en更加强烈,默认使用粗体显示
-->
<P>
今天天气<em>真不错</em>
</P>
<p>
<strong>
注意:如果你不认真上课,你就找不到好工作!
</strong>
</p>
<!--
i标签中的内容会以斜体显示
b标签中的内容会以加粗显示
h5规范中规定,对于不需要着重的内容而是单纯的加粗或者是斜体
都可以使用b和i标签
-->
<p>
<i>我是i标签中的内容</i>
<b>我是b标签中的内容</b>
</p>
<!--
small标签中的内容会比他的父元素中的文字小一些
在h5中使用small标签来表示一些细则一类的内容
比如:合同中的小字,网站的版权声明都可以放到small中
-->
<p>
我是p标签中的内容<small>我是small标签中的内容</small>
</p>
<p>
我是p标签中的内容<big>我是big标签中的内容 </big>
</p>
<!--
网页中所有加书名号的内容都可以使用cite标签,表示参考的内容
例如:书名、歌名、电影名
-->
<p>
<cite>论语</cite>是我最喜欢的一本书S
</p>
<!--
q标签表示一个短的引用(行内引用)
q标签引用的内容,浏览器会默认加上引号
blockquote标签表示一个长引用(块级引用)
-->
<P>
子曰:<q>学而时习之不亦说乎</q>
</P>
<div>
子曰:
<blockquote>
疫情期间,有朋自远方来,磨刀驱之!!
</blockquote>
</div>
<!--
使用sup标签来设置一个上标
-->
<p>2<sup>2</sup></p>
<p>科比<sup><a href="#">[never]</a></sup></p>
<!--
sub标签来表示一个下标
-->
<p>H<sub>2</sub>O</p>
<!--
使用del标签表示一个删除的内容
del标签中的内容,会自动添加删除线
-->
<P>
<del>23.3</del><br/>
30.1<br/>
</P>
<!--
ins标签表示一个插入的内容
ins中的内容,会自动添加下划线
-->
<p>
真的<ins>好啊</ins>!
</p>
<!--
需要页面中直接编写一些代码
pre是一个预格式标签,会将代码中的格式保存,不会忽略多个格式
code专门用来表示代码
我们一般结合使用pre和code来表示一段代码
-->
<pre>
<code>
input("请输入数值")
print("HELLO")
</code>
</pre>
</body>
</html>