前端Html第二节记录

6-标题标签

? ? ? ??一般用在新闻标题、文章标题、网页区域名称、产品名称等

<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
<h4> 四级标题 </h4>
<h5> 五级标题 </h5>
<h6> 六级标题 </h6>

显示为：

????????

? ? ? ? 显示特点：

????????????????????????1、加粗

? ? ? ? ? ? ? ? ? ? ? ? 2、随标题级别字号减小

? ? ? ? ? ? ? ? ? ? ? ? 3、独占一行（换行特点）

? ? ? ? ? ? ? ? ? ? ? ? *?注：h1?标签在一个网页中，只能存在一个，h1~6?没有限制*?

7-段落标签

????????一般用在新闻段落、文章段落、产品描述信息等

<p>段落1</p>
<p>段落2</p>

显示为：

????????

显示特点：

????????????????1、独占一行

????????????????2、段落与段落之间有间隙

8-换行和水平线

????????换行：br

? ? ? ? 水平线：hr

<br>
<hr>

9-文本格式化标签

????????为文本添加特殊格式。

? ? ? ? strong?加粗?（同名标签b）

? ? ? ? em?倾斜?（同名标签i）

? ? ? ? ins?下划线?（同名标签u）

? ? ? ? del 删除线?（同名标签s）

    <strong>加粗</strong>
    <em>倾斜</em>
    <ins>下划线</ins>
    <del>删除线</del>

显示为：

????????

10-图像标签

????????在网页中插入图片

<img src="图片的 URL">
<img src="./imges/1.png" alt="替换文字" title="提示文字">

属性值：

? ? ? ? src：填写图片的地址

? ? ? ? alt：当图片无法显示的时候出现的替代文字

? ? ? ? title：鼠标悬停的提示文字

? ? ? ? width：图片的宽度

? ? ? ? weight：图片的高度