基础HTML（1）

HTML是一种标记语言，用来书写一个网页的结构。既然是一种语言，自然会有属于HTML的特殊语法和标记，HTML 元素由开始和结束标签构成，标签之间是文本内容，这篇文章便会简单讲述几个基础的HTML知识。

1.

大部分的HTML元素都有一个开始标签和结束标签，例如：

<h1>hello</h1>

  开始标签就如 <h1> ,结束标签就如 </h1> ,结束标签比开始标签多一个斜杠 " / "。 h1 元素通常被认为是主标题， h2 元素通常被认为是副标题，接下来便是以此类推   h3、h4、h5  等，以此来表示不同的级别的标题。

2.

p 元素，是英文 “ paragraph（段落）” 的缩写，所以它是段落文本所使用的元素，例如：

<p>I am smart</p>

需要 注意 的是，HTML中的标签应该是 小写 字母，例如:

<p> </p>  而不是  <P> </P> ，切勿弄错！！！

3.

在与团队合作或自己日常查看，需要了解某行代码的作用或特别解释时，就需要 注释 。注释的作用便是在不影响代码的前提下给予代码解释说明，也可以在不删除代码的前提下，让代码失效。它的开始标签是  <!-- ,结束标签是  -->  。例如：

<p>I am smart</p>

现在让其失效便可以这样：

<!--

<h1>I am smart</h1>

<p>I am smart</p>

-->

4.

有时你点击图片或文字时，会跳转到其他网页上，这其实是用  a  来实现的，a（Anchor，简写为 a）,a 需要一个   href 属性指向跳转的目的地。随便举个例子：

<a href="http://www.baidu.com">this links to baidu</a>

会显示 “ this links to baidu " 这个文本，点击后便会跳转访问 “ http://www.baidu.com "  这个网站上浏览。

此外，a  元素也可以用于创建内部链接，跳转到网页内的各个不同部分。

要创建内部链接，你需要将链接的  href   属性值设置为一个哈希符号  #  加上你想内部链接到的元素的  id ，通常是在网页下方的元素。 然后你需要将相同的  id  属性添加到你链接到的元素中。 id 是描述网页元素的一个属性，它的值在整个页面中唯一。举个栗子：

<a href ="#menu-header">menu</a>

...

<h2 id="menu-header">menu</h2>

当点击 menu 连接时，便将被带到带有 menu 标题元素的网页部分。