新建HTML文件，文本文件后缀改为.html

HTML标签结构：<标签开始 属性名="属性值">标签内容</标签结束>

1：超链接：

<a href="http://www.baidu.com/">百度</a>

2：通用块级元素：

<div>块级元素</div>

3：通用行内元素

<span>行内元素</span>

4：图片

<img src="lianhua.jpg" width="200" height="100">

5：标题

<h1>1级标题</h1>

<h2>2级标题</h2>

<h3>3级标题</h3>

<h4>4级标题</h4>

<h5>5级标题</h5>

<h6>6级标题</h6>

6：段落元素

<p>段落元素</p>

7：无序列表

<ul>

     <li>无序列表1</li>

     <li>无序列表2</li>

</ul>

8：

<!--注释内容-->

9：换行

<br>

10：分隔线

<hr>

-----------------------------------------------------------------

html标签通用属性

<div class="aaa bbb ccc ddd" id="abc" title="标签标题" style="color:#f00;">

测试html通用属性

</div>

1.class 类名 用于获取元素

2.id id名 用于获取元素

    class和id的区别

        1：同名class在同一网页中可以有多个同名id在同一网页只能有一个（唯一）

        2：同一个class属性值里可以有多个属性值同一id属性值里只能有一个id值

        3.style 行内样式

        4.title 标签标题

        5.name 表单元素的命名(只用于表单)

-----------------------------------------------------------------

HTML代码的语义性

    html只用来表示结构，css用来做样式方面的工作，比如：如果想让某个地方字体变大，不要用h1，要用font-size设置一个大的值；如果想让某个地方字体变小，不要用h6，要用font-size设置一个小的值

-----------------------------------------------------------------

案例练习：http://www.doyouhike.net/