【Html基础】之＜h1＞~＜h6＞ ＜p＞ ＜br＞ ＜hr＞

学习html无从下手，就在w3school的html手册按着教程学习了下。

 什么是html？

html是指超文本标记语言，即Hyper Text Markup Language

html不是一种编程语言，是一种标记语言（markup language）

标记语言是一套标记标签（Markup tag）

html使用标记标签来描述网页

 

我们随便打开一个网页，鼠标点击右键=>查看网页源代码,即可看到html网页的标记语言。

 

html的组成：html由标签和文本组成，通常我们将它称之为html文档，也叫做网页。浏览器读取html文档兵役网页的形式显示他们（注释不会显示）

标签：

html标签是由尖括号包围的关键词，通常成对出现，一个是开始标签(开放标签)一个是结束标签(闭合标签)向<br> 和<hr>标签是单个标签。

 

<h1>~<h6>定义

html标题<h1>到<h6>定义的标题依次减小，此标签还有个可选属性（不赞成使用）：align，选择对齐方式（属性值有left左对齐，center中心对齐，right右对齐， justify两端对齐）。比如：

<h1 class="h1" align="left">这是标题h1 | 应用属性align="left"</h1>
<h2 class="h2" align="center">这是标题h2 | 应用属性alig="center"</h2>
<h3 class="h3" align="right">这是标题h3 | 应用属性align="right"</h3>
<h4 class="h4" align="justify">这是标题h4 | 应用属性align="justify"</h4>
<h5 class="h5">这是标题h5</h5>
<h6 class="h6">这是标题h6</h6>

效果显示如下：

<p>标签定义段落

和上面一样它也有个align属性，也是不赞成使用。

<p align="left">这是段落。align="left"</p>
<p align="center">这是段落。align="center"</p>
<p align="right">这是段落。align="right"</p>

<p align="justify">段落元素由 p 标签定义。</p>

上面的效果如下：

 

<br>定义简单的折行

它有clear属性。通常情况下，<br> 标签会告诉浏览器立即停止当前的文本流，并在下一行的左边，或者在左对齐的内联图形或表格的右边开始继续输出文本流。文本流中的其他行会在内联图像的底部显示，除非图形的 <img> 标签被设置为左对齐或右对齐（对于 <table> 标签也一样）。因此，<br> 标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。

具体的实例请看<br> 标签的 clear 属性

 

<hr>定义水平线

它有四个可选属性：align（和上面一样，但是没有justify属性值），noshade（属性值为noshade），size，width

后三个分别规定了hr 元素的颜色呈现为纯色，hr 元素的高度（厚度），hr 元素的宽度。举例：

<p>noshade规定hr 元素的颜色呈现为纯色, 属性设置为 noshade="noshade" 如下：<hr noshade="noshade"></p>
<p>size规定 hr 元素的高度（厚度）, 属性设置为 size="20" 如下: <hr size="20"></p>
<p>width规定 hr 元素的宽度, 属性设置为 width="800" 如下: <hr width="800"></p>
<p>或者 width="50%": <hr width="50%"></p>

显示如下：

 

html标签有许多通用的属性，包括16种标准属性和79种事件属性。标准属性中常用到的只有class，id，title这几个（class几乎每个标签都要用到），事件属性用到的就多了，这里就不列举了。大家可以自行插看。