<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> h5的常用标签 </title>
</head>
<body>
<!--
h5中,标签的结构分两种:标签和单标签(meta, img, link)
-->
<!-- a:超链接标签,默认鼠标放置在文字上时,指针显示手型,说明内容可以点击,点击时会跳转至其他页面 -->
<a href="http://www.baidu.com">
百度一下
</a>
<h1> 文章的大标题标签 ,具有默认的字体大小、加粗、上下外边距 </h1>
<h2> 文章的二级标题标签 </h2>
<h3> 文章的三级标题标签 </h3>
<h4> 文章的四级标题标签 </h4>
<h5> 文章的五级标题标签 </h5>
<h6> 文章的六级标题标签 </h6>
<p> 段落标签,包含大量的文字内容 </p>
<span> 文字标签,放置少量的文字内容 </span>
<strong> 粗体文字,具有强调作用,放置少量的文字内容 </strong>
<b> 粗体文字,放置少量内容,无强调 </b>
<u> 下划线文字, </u>
<i> 斜体文字 </i>
<del> 删除线 </del>
<img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png" alt="">
<div>
没有任何特殊含义的容器标签,多用于做布局
</div>
<!--
ul:无序列表的容器标签,其子元素只能是li
li:每一个列表项标签
-->
<ul>
<li> 列表项1 </li>
<li> 列表项2 </li>
<li> 列表项3 </li>
</ul>
<header>
网页的头部标签,通常只出现一次
</header>
<footer>
网页的底部标签,通常只出现一次
</footer>
<main>
网页的主体标签,通常只出现一次
</main>
<nav>
网页的主导航标签,通常出现一次
</nav>
<aside>
网页的侧边栏标签
</aside>
<article>
文章的内容容器标签
</article>
<section>
文章的一部分或者一小节
</section>
</body>
</html>
H5常用标签
最新推荐文章于 2024-07-12 00:07:26 发布