前端Html第二节记录

2023-12-29 04:10:58

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:图片的高度

文章来源:https://blog.csdn.net/fandi777/article/details/135228163
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。