什么是HTML？

HTML是用来描述网页的一种语言

HTML是超文本标记语言（Hyper Text Markup Language）

HTML不是变成语言，是一种标记语言

HTML新特性

用于绘画的canvas标签

用于媒介回放的video和audio元素

对本地离线存储更好支持

新的特殊内容元素

        如：article、footer、header、nav、section

新的表单空间

        如：calendar、date、time、email、url、search

浏览器的支持

        Safari、Chrome、Firefox以及Opera包括IE9基本支持了HTML5

HTML基础

声明：

HTML也有多个不同的版本，只有完全明白页面中使用的确切HTML版本，浏览器才会完全正确的显示出HTML页面。这就是的用处。

HTML基础标签：

html---所有的标签都会包含在html这个标签当中，一般用尖括号””表示元素，而元素是一对一对的，有开始就有结束，用””表示元素结束。元素开始喝元素结束中间，就是元素的内容啦。

head---用来定义“头部”的信息，比如：编码格式

这个编码格式还是有必要定义的，如果不定义就会在预览的时候出现乱码

                     我就是要在body里面直接写文字。哼哼。    

定义编码UTF-8之后，文字就可以正常显示出来了。

                                      我就是要在body里面直接写文字。哼哼。    

body---用来表示正文，一般显示页面的内容，基本网页编码的一切，都是在body里面进行的。出了title标题标签还有一些特殊的标签

title---用来表示标题的

h---用来表示标题，分别有h1、h2、h3、h4、h5、h6来表示文字不同的大小

                                                                  我是body，你看到我了吗？         
我是h1，我是最大的，O(∩_∩)O
        
我是h2，我是还算比较大了啦~
        
我是h3，我还算正常吧。
        
我是h4，我不是太大
        
我是h5，我怎么这么小？？
        
我是h6，我是最小的，T_T
    

可以看到，设置后的效果

p---用来表示段落

其实p标签和直接在body里面写，显示出来的效果是一样的，但是p标签表示的是一个段落，如果在body里面直接写文字的话，就没法换行了

                                                                 我就是要在body里面直接写文字。哼哼。        我是第二行。        我是第三行。         
我还是老老实实呆着小p里面吧~
        
我是第二行。
        
我是第三行。
    

HTML属性

标签可以拥有属性为元素提供更多的信息，属性以键/值的形式出现，比如：href = “www.baidu.com”

常用标签属性：

通用属性：

class

id

style

通用属性都是给标签定义一个名字，后面可以通过这个名字用CSS来调用，然后修改样式

---对其属性

                            
我是标题3，我是center居中的属性
        
我也是标题3，我是left左对齐的属性
        
我还是标题3，我是rigth右对齐的属性
    

---背景颜色

---超链接的属性，可以填URL

---target是点击超链接后的打开方式，默认是self，如果设置成_banlk就可以在新标签页中打开了。

                            点我就能上百度    

点击之后，就会跳出新的标签页

HTML格式化

下标就是格式化的使用

                            我是b标签格式，我是加粗的        

        我是big，我是显示大字体        

        我是em，我代表着重语气        

        我是i，我定义斜体的文字        

        我是small，我定义小号字体        

        我是strong，我定义加重语气        

        我的出现是为了体现出sub是下标的我是sub，我是下标文字        

        我也是出了让sup体现上标的我是sup，我是下标文字        

        我是ins，我是插入文字，我有一条下横线        

        我是del，我是删除文字，我中间有条横线代表我已经被删除了。    

HTML样式

外部样式表

使用link可以用来调用css更改标签样式

这个link要写在头文件里面，也就是head标签里面，一般样式都会写在head里面。写在头文件里面比较方便，而且后期如果想要更改，也可以很快的找到link

html代码

                                    
我是标题1，我会被hello_css.css给引用成红色的
    

css代码

h1{    color: red;}

内部样式表

就是将css样式直接写进style标签里面

                                            
我是标题1，我被css样式引用成红色的
        
我是标题2，我被style改成绿色的
    

内联样式表

就是直接在标签里面写style，当然，这种方法后期修改就得一个一个的改了。非常麻烦

                                    
我是小p
    

HTML的链接

可以在标签中实现链接，当然，也可以加入图片

比如我有一种皮卡丘的图片，在与html文件同目录的img文件夹下，下图是目录结构

                                            点我进百度        
                                                

点击皮卡丘后，进入百度首页

好吧，今天就写到这里。其实HTML还是蛮简单的，学习之后，对于测试、开发、网页游戏都会有一定的帮助。