WEB前端学习笔记四-创新互联

接上一篇，web学习笔记四，在此感谢您对此篇笔记的认可，但转发时请注明文章出自网知博学。

创新互联公司-专业网站定制、快速模板网站建设、高性价比兴县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式兴县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖兴县地区。费用合理售后完善，十余年实体公司更值得信赖。

2.0 html的语法格式

html的标签要写在尖括号中：<> 在在英文输入法状态下，按住shift键然后再按它左侧的尖括号就可了，

WEB前端学习笔记四

先学习一个简单的h2标签，是个标题标签，在html中这样写：

<h2>我在h2标签中，我就是标题</h2>

那么h2标签中所包裹的文字，就标记成标题了。通过浏览器的解析后在页面上显示出来的效果就是字体加粗，加黑，和word中的标题性质一样！

大家知道word中的标题1、标题2、标题3……..吗？

html中的标题标签按照标题的大小从<h2>- <h7>，<h2>定义大标题，<h7>定义最小标题：

<h7>我是标题 6，最小的标题</h7>

标题和段落应该是我们最容易理解的，现在再介绍一个段落标签<p>。

<p>这段文字被p标签所包裹，所以现在你看到的这段文字就是一个段落了</p>

现在就试一下吧，新建一个文本文件，按照上边的例子写到记事本中，熟悉一下标题和段落的标签。写完后把你建的文本文件的扩展名改为html。用浏览器打开就可以看到效果了。

WEB前端学习笔记四

2.0.1 成对出现的标签

HTML 标签通常是成对出现的，比如 <h2> 我是标题1</h2>，还有练习中的p标签，这种成对出现的标签我们习惯称之为“双标签”。

双标签中的第一个标签称为开始标签，第二个标签称为结束标签，开始和结束标签也被称为开放标签和闭合标签如下图：

WEB前端学习笔记四

在结束标签</h2>中的 /，叫做结束符，代表着这是标签中的结束标签。

2.0.2 单个出现的标签

在HTML中，除了成对出现的标签，也存在单身的标签。这种标签称为：空标签，习惯上称为：单标签。有一个可以起到换行作用的标签：<br />这个标签就是单标签。当在使用这个标签的时候，就相当于按下回车键，让文本另起了一行，从新的一行开始！这个起换行作用的单标签<br />中也出现了和双标签结束标签中同样的“/”结束符，只不过是位置不一样了，现在只需知道双标签必须写上结束标签，单标签必须写上“/”结束符，现在我们在一个段落中加入这个<br />标签

<p>我是一个段落，因为我在p标签中，所以我是段落。</p>

<p>我是一个段落，因为我在p标签中，<br />所以我是段落。</p>

第一个是正常的段落，第二个是加入了换行标签<br/>。你也可以试一下。如果你是初学没有任何基础，现在不要想太多其他的，只要新建一个文本文档，并把文本文档原来的扩展名txt，改为html，就可以在里边写代码了，在浏览器中打开后如下图：

WEB前端学习笔记四