HTML语言基础（1）

注：此为看的视频总结方便后续复习。

前面都是一些例子和程序结合的图片，之后会在结尾进行总结，因此之后会把这类文章分为2部分。

1例子+程序：

下面以全职法师第一章为例（我喜欢这本小说）：

小说的主体代码：

<p> </p>为段落标签，<p> </p>是双标签

<br/>为换行标签，其中<br/>是单标签

以全职法师改小说为例：

在没有添加这两种标签前（即使原文有换行，也没有用）：

添加后：

小说的标题代码：

标题标签：

<h1>  </h1>字体最大

<h2> </h2>字体第2大

<h3> </h3>字体第3大

<h4> </h4>字体第4大

<h5> </h5>字体第5大

<h6> </h6>字体最小

小说或部分语文阅读文章的特殊字：

<strong> </strong> 加粗       或<b>  </b>

<em> </em>           倾斜       或<i>    </i>

<del> </del>           删除线    或<s>   </s>

<ins> </ins>           下划线    或<u>   </u>

在学会这些后，你基本就能把一个小说网页中的大部分东西给弄完了，你可以随意找一个小说，随意进入其中的一个章节，鼠标右键，会出现一个程序框，里面有（查看页面原代码的选项，你可以观看其所使用的代码）

这是全职法师的一个网页的部分原代码，小说内容基本都是上述所使用的知识

小说章节题目和章节选择：

<div>  </div>     <span>  </span>是一个盒子，用来装东西的，都用于布局网页

<div>标签单独站一行（大盒子）一行可以放多个<span>标签（小盒子）

这个小说网站十分简陋，无法体现<div> <span>更重要的作用，这个详细可以看b站：

黑马程序员前端Web全套教程，会打字就能学会的Web前端课程（中的div和span标签）：

2总结：

<p> </p>为段落标签，<p> </p>是双标签

<br/>为换行标签，其中<br/>是单标签

<h1>  </h1>字体最大

<h2> </h2>字体第2大

<h3> </h3>字体第3大

<h4> </h4>字体第4大

<h5> </h5>字体第5大

<h6> </h6>字体最小

<div>  </div>     <span>  </span>是一个盒子，用来装东西的，都用于布局网页

<div>标签单独站一行（大盒子）一行可以放多个<span>标签（小盒子）