H5小白初学教程-基础标签

作者：码农 | 发布时间：2022-11-27 22:17:33

标签介绍

p标签

<P>标签它是一个段落标签，它和<br>标签不一样。会自行起一行段落，并且可以作为一个盒子来使用。可以单独定义它。

如下图：

所以当你不想要折行新起一个段落的话，你就可以选择用这种<br />标签，<br />标签在段落中只是换行的作用，并且不会出现句子与句子之间会有行距的情况。

h标签

H标签也叫作Heading标签，HTML语言里一共有六种heading标签，是网页html中对文本标题所进行的着重强调的一种标签，以标签<h1>、<h2>、<h3>...<h6>定义标题头的六个不同文字大小的tags,本质是为了呈现内容结构。文字从大到小，依此显示重要性的递减，也就是权重依次降低。

简单理解就是，网站是一本书，H标签就是大大小小的标题。

s标签

<s> 标签对那些不正确、不准确或者没有用的文本进行标识。

u标签

<u> 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。

hr标签

<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。

size定义线的粗细，width定义长度，noshade属性是<hr />标记专有属性，表示该水平线为非立体的平面水平线，如果不加则默认为立体水平线。

i标签

<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

在标签中align可以用来设置我们的位置是居中、居左还是居右

用color可以定义我们的颜色

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    *古诗词*<br>记一记
    <p align="center">居中显示</p>
    <p align="right">居左显示</p>
    <p align="left">居右显示</p>
    <!--p标签-->
    <div style="color: rgb(255, 0, 38)">
    <h1 align="center">黄鹤楼送孟浩然之广陵</h1>
    </div>
    <h2 align="center"><s>唐：李白</s></h2>
    <p align="center"><b><u><i>故人西辞黄鹤楼,</b></u></i></p>
    <p align="center"><b><u><i>烟花三月下扬州。</b></u></i></p>
    <p align="center"><b><u><i>孤帆远影碧空尽，</b></u></i></p>
    <p align="center"><b><u><i>唯见长江天际流。</b></u></i></p>

    <hr align="center" size="1" width="50%" align="left" color="red" noshade="noshade">
    <p align="center"><span style="color:coral">*仅供参考</span></p>
    <!--h标签-->
    <p>&copy;2022 by nonono</p>
    <p>&lt;</thead>哦哦&gt;</thead></p>
    <p align="center"><sub>好的</sub></p>
</body>
</html>

a48cbecc40221627