1.2文本标签

kento_joyasa

于 2022-10-19 10:03:10 发布

阅读量311

点赞数 2

分类专栏： h5&&c3 文章标签： html5

本文链接：https://blog.youkuaiyun.com/beloved_yu/article/details/127401666

版权

h5&&c3 专栏收录该内容

17 篇文章

订阅专栏

以下学习资源均来自于HTML 简介 | 菜鸟教程

AcWing

文本标签大部分可以看为预定好样式的<div>和<span>

<h1> ..........<h6>标签

呈现了六个不同级别的标题， h1级别最高， h6级别最低

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

<div>标签
<div>元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器，在不使用CSS的情况下，其对内容或布局没有任何影响。
其他块级标签例如：<h1>, <p>, <pre>, <ul>, <ol>, <table>。

<span>标签
<span> 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者 Id 属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div> 元素很相似，但 <div> 是一个块元素而 <span> 则是行内元素
其他内联标签例如：<i>, <b>, <del>, <ins>, <td>, <a>。

<p>标签

定义文章一个段落
HTML <p>元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。

<p> 是块级元素。

<pre>标签
HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

可以理解为，粘贴进去的原来啥样就是啥样

<br>标签
HTML <br> 元素在文本中生成一个换行（回车）符号。此元素在写诗和地址时很有用，这些地方的换行都非常重要。

<hr>标签：

设置一条水平线，如果想画横线，最好还好是用css样式来修饰

文本标签格式化：

HTML 文本格式化标签

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

样例：

<!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>
    <p>这是<b>粗体</b></p>
    <p>这是<em>着重文字</em></p>
    <p>定义<i>斜体字</i></p>
    <p>定义<small>小耗子</small></p>
    <p>定义<strong>加重语气</strong></p>
    <p>定义<sub>下标字</sub></p>
    <p>定义<sup>上标字</sup></p>
    <p>定义<ins>插入字</ins></p>
    <p>定义<del>删除字</del></p>
</body>

</html>

实例：