HTML基础—6各种标签

最新推荐文章于 2022-06-26 18:41:38 发布

jiaojsun

最新推荐文章于 2022-06-26 18:41:38 发布

阅读量298

点赞数 1

分类专栏： HTML基础

本文链接：https://blog.csdn.net/jiaojsun/article/details/93197056

版权

HTML基础专栏收录该内容

7 篇文章 5 订阅

订阅专栏

1.a标签，超链接，伪类是什么，a标签的伪类，伪类的顺序

看下面一个例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			a 超链接
			
			伪类 给元素添加特殊的效果
			:link 未访问过的链接初始颜色
			:visited 访问过后的链接颜色
			:hover 鼠标移入（悬停）
			:active 鼠标按下时链接的颜色
			
			L V H A
		-->
		<style>
			a:link{
				color:black;
			}
			a:visited{
				color: pink;
			}
			a:hover{
				color: red;
			}
			a:active{
				color: plum;
			}
			a{
				color: yellow;
			}
		</style>
	</head>
	<body>
		<a href="http://www.baidu4.com">超链接</a>
	</body>
</html>

2.span，header，footer，nav，section，time以及HTML5常用标签

常用标签

3.常见标签，h1~h6,p,strong,em,ul,ol,li,dl,dt,dd,mark

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>标题 - logo</h1>
		<h2>标题</h2>
		<h3>标题</h3>
		<h4>标题</h4>
		<h5>标题</h5>
		<h6>标题</h6>
		
		<p>段落</p>
		
		<strong>强调</strong>
		<em>强调</em>
		
		<ul>
			<li>ul - 无序列表</li>
			<li>列表项</li>
			<li>ul的子集（下一级元素）只能是li</li>
		</ul>
		
		<ol>
			<li>ol - 有序列表</li>
			<li>列表项</li>
			<li>ol的子集（下一级元素）只能是li</li>
		</ol>
		
		<dl>
			<dt>dl-自定义列表；dt-自定义列表title</dt>
			<dd>dd-自定义列表的列表项（信息）</dd>
		</dl>
		
		<mark>标记</mark>
	</body>
</html>

特殊的img

jiaojsun

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础—6各种标签

1.a标签，超链接，伪类是什么，a标签的伪类，伪类的顺序看下面一个例子<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- a 超链接伪类给元素添加特殊的效果 :lin...
复制链接

扫一扫

专栏目录