网页的基本标签

最新推荐文章于 2024-05-08 23:56:12 发布

lei_gentle

最新推荐文章于 2024-05-08 23:56:12 发布

阅读量934

点赞数

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

本文链接：https://blog.csdn.net/weixin_45858542/article/details/113995951

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

网页的基本标签

标题标签
段落标签
换行标签
水平线标签
字体样式标签

注释和特殊符号

注：虽然不加结束标签也可以运行，但是这是一种规范，也容易让人更理解

- 标题标签  <h1> </h1>
- 段落标签  <p></p>
- 换行标签 <br/>
- 水平线标签 <hr/>
- 字体样式标签 <strong><em>
- 注释和特殊符号 空格&nbsp

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>

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

<!-- 段落标签 -->
<p>生活就像海洋      </p>
<p>只有意志坚强的人      </p>
<p>才能到达彼岸      </p>
<p>            </p>
<p>想起曾经被支配的恐惧      </p>
<p>瑟瑟发抖      </p>
<p>          </p>
<!-- 水平线标签 -->
<hr/>

<!-- 换行标签 -->
啊，这<br/>
每次想文案，还真不容易<br/>
原来我语文不好<br/>
哭~<br/>

<!-- 这里可能就有人有疑问了，段落标签和换行标签有什么不同了,嘻嘻 -->
<!-- 其实生成网页后，我们就会发现段落里每行之间还是有间隙的，但换行就单纯的换个行 -->
<!-- 后面附个图 -->

<!-- 粗体，斜体 -->
<h1>字体样式标签</h1>
<strong>给我粗！</strong>
<!-- 换下行，嘿嘿-->
<br/>
<em>给我斜！</em>
<br/>
<strong>其它的字体样式后面用css</strong>
<br/>

<!-- 特殊符号-->
<!-- 空格是特殊符号 -->
空       格<!-- 注意空了很多格，实际上只有一个空格而已-->
<!-- 而&nbsp;表示空格(注意分号) -->
<!-- &gt;表示> -->
<!-- &lt:表示< -->
<!-- 这些转义字符并不用去记，空格倒是要记，百度难道不香吗 -->
<br/>
<!-- 下面就实现空了很多格了哈哈~-->
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格

<br/>
最后,挺想说的，刚开始学，真的好有意思，很神奇哈哈，勿喷！
</body>
</html>

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

lei_gentle

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
网页的基本标签

标题标签段落标签换行标签水平线标签字体样式标签注释和特殊符号空格&nbsp注：虽然不加结束标签，如+内容，或者，也可以运行，但是这是一种规范，也容易让人更理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本标签学习</title></head>&l..
复制链接

扫一扫

专栏目录