Web前端基础笔记：第三章HTML-文本标签

3.1 块状和内联标签

• 块状标签和内联标签是HTML中两种主要的标签类型，它们最大的区别就是：块状标签会为自己的内容占据新的一行，而内联标签则不会。
• 常见的块状标签段落<p>、标题<h1>、<div>等
• 常见的内联标签有<span>、图片<img>、<strong>等
• 内联标签常常被嵌套在块状标签中

3.2 标题

标题之间不可以越级，比如一级标题<h1>下直接写三级标题<h3>，因为这样会导致文章失去清晰的文章结构

3.3 常用文本标签

• 段落标签<p>

  <p>标签是最常用的HTML标签，是一个块状标签，代表文章的一个段落。文本、图片和表单项都可以放进

  标签

• 内联标签<strong>

  <strong>标签是一个行内标签，表示它包含的内容具有很强的重要性，需要引起注意。浏览器会以粗体显示内容

• 内联标签<span>

  <span>是一个内联标签，通常表示一个行内短语，使用<span>可以使网页更有条理

3.4 图片标签

<img src=“” alt=“”>

src属性写入图片相对路径或者绝对路径
alt属性，这个属性定义了描述图像的替换文本

3.5 链接标签

<a>标签是内联标签，用户点击后，浏览器会跳转到指定的网址
<a>标签内部不仅可以放置文字，也可以放其他元素，比如段落、图像、多媒体等

链接标签属性

• href属性给出链接指向的网址。它的值应该是一个URl或者锚点

• title属性给出链接的说明信息。鼠标悬停在链接上方，浏览器会将这个属性的值，以提示块的形式提示出来

• target属性的值也可以是“_self”，“_blank”，“_parent”、“_top”四个关键字之一

  （1）当为_self时表示在当前页面打开，为target默认值
  （2）当为_blank时表示在新页面打开

3.6 列表

HTML提供了无序列表标签<ul>和有序列表<ol>供我们选择
无序列表<ul>前面带着小实心
有序列表<ol>前面带着数字序号