HTML 基础

HTML 基础

HTML 标题

HTML 标题（Heading）是通过<h1> -- <h6> 标签来定义的。

h是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。

这里有六个标题元素标签 —— <h1>、<h2> 、<h3>、<h4>、<h5>、<h6>，每个元素代表文档中不同级别的内容：

 <h1> 表示主标题（the main heading），<h2> 表示二级子标题（subheadings），<h3>表示三级子标题（sub-subheadings），<h4>、<h5>、<h6>依次递减字体的大小。

<h1>这是一个h1标题</h1> 

<h2>这是一个h2标题</h2> 

<h3>这是一个h3标题</h3>

<h4>这是一个h4标题</h4> 

<h5>这是一个h5标题</h5> 

<h6>这是一个h6标题</h6>

HTML 段落

HTML 段落是通过标签<p>来定义的，P是英文paragraph段落的缩写，经常被用来创建一个段落，就和你写作文一样，

<p>这是第一个段落。</p>

<p>这是第二个段落。</p>

以下为一个示例：

<p>天杨道：“金山寺空有虚名，我云游四海，不见真人，可叹可叹！”</p> 

<p>“哈哈哈哈！”忽然人群中也有人笑。</p>

<p>所有人都回头，笑的人正是玄奘。</p> 

<p>天杨死盯着玄奘：“这位小师父，老朽有可笑之处么？”</p>

<p>“啊？”玄奘说，“不是，我刚刚看门外树上两兔子撕打，所以可笑。</p> 

<p>“妄说，兔子怎会在树上？”</p>

<p>“那在树上的是什么呢？”玄奘问。</p> 

<p>“这……”天杨语塞，他再次打量玄奘，“真看不出，小小年纪，便有如此功力。”</p>

<p>“啊？”一边的一个和尚说，“他是我们这最懒的一个，从不好好听讲诵经。”</p> 

<p>“不得多言！”法明喝住那个和尚，对玄奘说：“玄奘，你有什么话，不妨说来听听。”</p>

<p>“真的没什么。”玄奘笑了，“我刚才真的看见兔子了，我还看见一只会脸红的白色百灵。”</p> 

<p> 啊？小白龙吓的差点从窗上栽下去。</p>

<p>“哼！小和尚玩虚的，你不说，我倒要问你了！”天杨道。</p> 

<p>“请问。”</p>

<p>“什么是佛？”</p> 

<p>玄奘看看头上，又看看脚下，再看看门外……</p>

<p>“你丢东西了么？快想啊！”法明急了。</p> 

<p>“想什么？他已经答出来了：无处不是佛。小师父，真有你的！”天杨说。</p>

<p>玄奘一笑。</p> 

<p>“我再问一个，还是刚才那个法明答不出那个，如何是空？”</p>

<p>“破！”玄奘想也不想就说。</p> 

<p>“是么？”</p>

<p>“不是！”。</p> 

<p>“不是还答！”天杨瞪眼道。“找打！”</p>

<p>“不是还问！”玄奘也叫起来。“欠揍！”</p>

<p>两人大眼瞪小眼。众僧都惊的呆了。</p>

<p>良久，天杨长叹一声：“你说的极是。我败了。”</p> 

<p> 玄奘一战成名。</p>

上述实例所涉及的元素具体代表什么，完全取决于作者编辑的内容，只要确保层次结构是合理的。在创建此类结构时，您只需要记住以下几点：

• 首先，您应该只对每个页面使用一次<h1>，这是主标题，所有其他标题位于层次结构中的下方。
• 其次，请确保在层次结构中以正确的顺序使用标题。不要使用<h3>来表示副标题，后面跟<h2>来表示副副标题，这是没有意义的，会导致奇怪的结果。

最后，在可用的六个标题级别中，您应该保证每个页面中标题级别的使用不超过三个，除非您认为有必要使用更多。具有许多标题级别的文档会变得难以操作并且难以导航。在这种情况下，如果可能，建议将内容分散在多个页面上。

HTML中的空格

在HTML代码中空格只能显示一个，如下两个代码片段是等价的：

<p>春天的风 能否吹来夏天的雨</p>

<p>秋天的月  能否照亮冬天的雪</p>

<p>夜空的星   能否落向晨曦的海</p>

<p>山间的泉    能否遇上南飞的雁</p>

无论你用了多少空格（包括空格字符，包括换行），当渲染这些代码的时候，HTML解释器会将连续出现的空格字符减少为一个单独的空格符。

为什么我们会使用那么多的空格呢?

    答案就是为了可读性——如果你的代码被很好地进行格式化，那么就很容易理解你的代码，反之就会很混乱。在我们的HTML代码中，我们让每一个嵌套的元素以两个空格缩进。

你使用什么风格来格式化你的代码取决于你（比如所对于每层缩进使用多少个空格），但是记住你应该坚持使用某种风格。

HTML 链接

HTML 链接是通过标签<a>来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

<a href="https://blog.csdn.net/weixin_44541438">这是一个链接</a>