html的常用标签

最新推荐文章于 2024-05-22 18:53:48 发布

弱水三千

最新推荐文章于 2024-05-22 18:53:48 发布

阅读量99

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_46221888/article/details/107367820

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML常用标签

标题标签
<h1>~<h6>
标题字号大小逐级递减，具体效果如下：

<h1>键盘敲烂，工资过万</h1>
<h2>键盘敲烂，工资过万</h2>
<h3>键盘敲烂，工资过万</h3>
<h4>键盘敲烂，工资过万</h4>
<h5>键盘敲烂，工资过万</h5>
<h6>键盘敲烂，工资过万</h6>

在这里插入图片描述

换行标签和段落标签

在网页中为了让内容展示得更有条理，我们就经常使用段落标签和换行标签。

<p>这是一个段落标签</P>

在这里插入图片描述

像这样另起一段显示这就是段落标签的作用，并且每一段之间有一定的距离，这就是段落标签和换行标签的区别所在。

换行标签
<br />这是换行标签，他是一个单标签，没有结束标签，他的作用是让内容另起一行，只要浏览器遇到这个标签就会换行。
文本格式化标签
1、 <strong></strong>或<b></b>这两个是加粗标签，他可以使你的文字字体更粗，更突出，更显眼。
2、<em></em>和<i></i>这个是斜体标签，可以使字体倾斜。
3、<del></del>和<s></s>都是删除标签，就是在文字上有个删除线。
4、<ins></ins>和<u></u>这是下划线标签，就是在文字的下面有线。
示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用标签</title>
</head>
<body>
    <!-- 段落标签 -->
    <p>这是一个段落</p>
    <p>这也是一个段落</p>
    <p>--------------------------------------</p>
    
    <!-- 换行标签 -->
    假装这是一段话<br />
    假装这是一段话
    <p>--------------------------------------</p>
    
    <!-- 加粗标签 -->
    <strong>假装这是一段话</strong>
    <p>--------------------------------------</p>

    <!-- 删除线标签 -->
    <del>假装这是一段话</del>
    <p>--------------------------------------</p>
    <!-- 下划线标签 -->
    <ins>假装这是一段话</ins>
    <p>--------------------------------------</p>
    <!-- 文字倾斜标签 -->
    <em>假装这是一段话</em>

</body>
</html>

效果如下：
在这里插入图片描述

弱水三千

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html的常用标签

HTML常用标签标题标签<h1>~<h6>标题字号大小逐级递减，具体效果如下：<h1>键盘敲烂，工资过万</h1><h2>键盘敲烂，工资过万</h2><h3>键盘敲烂，工资过万</h3><h4>键盘敲烂，工资过万</h4><h5>键盘敲烂，工资过万</h5><h6>键盘敲烂，工资过万</h6>...
复制链接

扫一扫