html基础

1.学习HTML和CSS要用到哪些工具？

学习HTML和CSS开发我们不需要太复杂的工具尤其是前一阶段，我们主要使用的工具有：

浏览器：火狐、IE、Chrome

编辑器：记事本、NotePad++\Sublime

调试工具：FireBug

图片工具：Photoshop

万维网联盟(W3C):

万维网联盟World Wid Web Consortium。

W3C专门为了定义网页相关的标准而成立。

W3C定义了网页中的HTML、CSS、DOM、HTTP、XML等标准。

WHATWG：

网页超文本应用技术工作小组 (WHATWG)。

是一个以推动网络HTML 5 标准为目的而成立的组织。在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

2.HTML介绍：

(1): HTML (Hypeyext Markup Language) 超文本标记语言。

(2): 他负责网页的三个要素之中的结构。

(3): HTML使用标签的形式来标识网页中的不同组成部分。

(4): 所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

(5): 标签 :

1): HTML中的标记指的就是标签。

2): HTML使用标记标签来描述网页。

结构：

<标签名>标签内容

<标签名/>

(6): 元素：

1): 我们还将一个完整的标签成为元素。

2): 这里我们可以将元素和标签认为是一个同义词。

一级标题

上边的h1我们就称为元素

我是一个段落

p也是一个元素，em是p的子元素，p是em的父元素。

内容

body也是一个元素。

body是p和em的祖先元素。

p和em是body的后代元素。

(7): 属性:

1): 可以为HTML标签设置属性。

2): 通过属性为HTML元素提供附加信息。

3): 属性需要设置在开始标签或自结束标签中。

4): 属性总是以名称/值对的形式出现。

5): 比如：name="value"

6): 有些属性可以是任意值，有些则必须是指定值。

标题

(7): 常见属性:

1): id :

- id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。

2): class :

- class属性用来为标签分组，拥有相同class属性的标签我们认为就是一组，可以出现相同的class属性，可以为一个元素指定多个class。

3): title :

- title属性用来指定标签的标题，指定title以后，鼠标移入到元素上方时，会出现提示文字。

(8): 注释 :

1): HTML注释中的内容不会在网页中显示。

2): 格式：

3): 合理的使用注释可以帮助开发人员理解网页的代码。

4): 注释不能嵌套!