HTML之常用标签

目录

小妙招

标题标签

段落标签

强调标签

高亮标签

换行标签

分割标签

标题分组标签

引用标签

居中标签

删除标签

无语义标签

         图片标签

         图片格式

三大类

---

小妙招

        HTML规范也有快捷键哦！鼠标右击格式化文档或者敲击（Shift+Alt+F）。

标题标签

    <!-- 一级标题 -->
    <h1>今天天气不错</h1>
    <!-- 二级标题 -->
    <h2>这是我的页面</h2>
    <!-- 三级标题 -->
    <h3>同学们你们好</h3>

       标题标签,例如：h1,h2,h3,h4,h5,h6。默认样式：字体放大、字体加粗、独占一行。语义：就是个标题，h1==>h6，语义是逐步降低的，h1的语义是最重的，一般情况一个页面只有1个h1，常用的就是h1-h3。

段落标签

<p>今晚星空真美。</p>

       段落标签p，默认样式：段落与段落之间有空白的间距、独占一行。语义：用于表示网页内容中的一个自然段。段落标签p是特殊的块元素  一般只用来包裹文字或图片，它里面不能放块元素。

强调标签

<p>同学们,你们可<em>真帅</em></p>
<p>同学们,你们可<i>真帅</i></p>

<p>同学们,你们可<strong>真帅</strong></p>
<p>同学们,你们可<b>真帅</b></p>

<p>同学们,你们可<em>真</em><strong>帅</strong></p>
<p>同学们,你们可<i>真</i><b>帅</b></p>

      强调标签em、i,强调语音语调。默认样式：有一点斜体，没有独占一行。

      强调标签strong、b,强调内容的重要性。默认样式：有加粗的效果，没有独占一行。

 em(i)标签和strong(b)标签都是强调标签，那它们有什么区别？

          首先默认样式，然后强调的重点不一样，其实在实际的开发过程中，不会做这么细致的区分。

高亮标签

<p>您可以使用HTML来建立自己的<mark>WEB</mark>站点，由浏览器来解析。</p>

        mark标签 的主要功能是 高亮 显示文本或字符，以引起用户注意。