在html中，标题和段落类似于Word文档中格式的排版。
当分左右两栏时，默认左边为代码，右边为输出结果。
！注意：如无特别说明，正文两栏代码只写<body></body>之间的内容。
标题
类似于Markdown，标题有六个级别，分别为第一级别，第二级别......第六级别
每个级别的文字大小与加粗情况不同，一级标题文字最大，六级标题文字最小。
我们使用<h1></h1> 表示一级标题（二~六类似），<h6></h6> 表示六级标题。
注意：标题是文章中非常重要的属性，因此最好不要为了文字大小而使用标题。
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
HTML不要求特别规范的代码习惯，因此可以只写<body></body>之间的内容。
甚至代码不闭合也能成功渲染：
<h1>这是一级标题
<h2>这是二级标题这是一级标题
这是二级标题
但是在个人编写代码时，最好将代码闭合。一是可以避免不必要的bug，二是更好检查和维护。
正文
段落
有了标题之后，自然就有段落。在html中，段落应被包含在<p></p>之间。
示例：
<h1>这是一级标题</h1>
<p>这是一个段落</p>这是一级标题
这是一个段落
段落与段落之间会自动换行，但段落不会首行缩进。
<p>这是一个段落 </p>
<p>这是另一个段落</p>换行
html对空格和换行并不敏感，换行或多个空格只被视为一个空格。
例：
<p>床前明月光，疑是地上霜。
举头望明月，低头思故乡。</p>床前明月光，疑是地上霜。 举头望明月，低头思故乡。
可以看到即使有换行，html仍只显示一个空格。
对于html，我们使用<br /> (或写成<br>)表示换行。为了表示封闭性和统一性，我们以下换行均采用<br /> 。
例：
<p>床前明月光，疑是地上霜。<br />
举头望明月，低头思故乡。</p>床前明月光，疑是地上霜。
举头望明月，低头思故乡。
分割线
当想要将一个页面上下分割成多个部分时，我们可以使用<hr /> （亦可使用<hr>，类似地下面使用<hr />）表示换行。
<h1>静夜思</h1>
<p>床前明月光，疑是地上霜。<br />
举头望明月，低头思故乡。</p>
<hr />
<h1>登鹳雀楼</h1>
<p>白日依山尽，黄河入海流。<br />
欲穷千里目，更上一层楼。</p>静夜思
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
登鹳雀楼
白日依山尽，黄河入海流。
欲穷千里目，更上一层楼。
示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的HTML网页</title>
<meta name="author" content="卢鹏博">
<meta name="description" content="HTML学习笔记（二）—— 标题、正文与段落">
<link rel="icon" href="./icon.svg" type="image/x-icon"> <!--href="./icon.svg"改为你自己图片的路径，图片格式svg,png,jpg等均可-->
</head>
<body>
<h1>《荷塘月色》</h1>
<p>曲曲折折的荷塘上面，弥望旳是田田的叶子。叶子出水很高，像亭亭旳舞女旳裙。层层的叶子中间，零星地点缀着些白花，有袅娜(niǎo,nuó)地开着旳，有羞涩地打着朵儿旳;正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人。微风过处，送来缕缕清香，仿佛远处高楼上渺茫的歌声似的。这时候叶子与花也有一丝的颤动，像闪电般，霎时传过荷塘的那边去了。叶子本是肩并肩密密地挨着，这便宛然有了一道凝碧的波痕。叶子底下是脉脉(mò)的流水，遮住了，不能见一些颜色;而叶子却更见风致了。</p>
<hr />
<h1>春晓</h1>
<p>春眠不觉晓，处处闻啼鸟。<br />夜来风雨声，花落知多少。</p>
<hr />
<h1>乌衣巷</h1>
<p>朱雀桥边野草花，乌衣巷口夕阳斜。<br />旧时王谢堂前燕，飞入寻常百姓家。</p>
</body>
</html>示例结果及链接：https://math-enthusiast.top/html/2.html
上一篇：
下一篇：