<meta> : 定义在head中
<hgroup></hgroup> : 标题分组标签
<br>: 换行标签
! : 空行
<p></p>: 段落标签
<blockquote></blockquote>: 表示长引用
<q></q>: 短引用
<h1></h1>: 标题标签
标签手册:https://www.runoob.com/tags/tag-a.html
块元素: 对页面进行布局
行内元素:用来设置文字
关系:块元素可以有行内元素
语义化标签:
<header>头部标签</header>
<main>主体标签</main>
<footer>底部标签</footer>
<nav>导航标签</nav>
<aside>侧边栏标签</aside>
<article>文章标签</article>
<section>独立的区块</section>
<!-- 主流使用 -->
<div>主要的布局元素</div>
<span>行内元素,用于网页中的文字</span>
列表:
<!-- 有序列表 -->
<ol>
<li>列表项1</li>
</ol>
<!-- 无序列表: 用的多 -->
<ul>
<li>列表项1</li>
</ul>
<!-- 定义列表 -->
<dl>
<dt>定义列表项1</dt>
<dd>对定义列表项1的描述</dd>
</dl>
超链接:
<!-- 跳转到指定位置,href使用它的标签或者类 -->
<a href="#bottom">这是一个没有感情的</a>
<!-- a 是行内元素,里面除了a标签,其他标签都能放 -->
<a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">点击跳转,会打开新窗口</a>
<a href="day01.html">本窗口刷新去其他页面</a>
<!-- id属性:唯一不重复 -->
<!-- 点击将跳转到网页顶部 -->
<a id="bottom" href="#">回到顶部</a>
<!-- 点击这个链接不会做什么事情,用来站位 -->
<a href="javascript:;">无所事事</a>
图片:
<img src="rng.png" alt="对于这图片的描述">
<br>
<img src="rng.png" alt="对于这图片的描述">
<img width="200" src="rng.png" alt="对于这图片的描述">
内联框架
<iframe src="https://www.baidu.com/" frameborder="0">baiduyiha</iframe>
音视频播放
<!-- 音频,controls 用户可控制播放, autoplay(不兼容) 自动播放 -->
<audio controls>
对不起,浏览器不支持,请升级
<source src="文件1">
<source src="文件2.mp3" type="audio/mp3">
</audio>
<!-- 视频 -->
<video controls>
<source src="视频文件1.mp4" type="video/mp4">
</video>
有些html标签这里没有的可以访问菜鸟教程html标签手册去查找。