什么是HTML？

HTML基础

声明：

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

HTML基础标签：

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

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

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

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

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

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

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

title---用来表示标题的

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

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

可以看到，设置后的效果

p---用来表示段落

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

                                             我是title，我就是浏览器的标题，O(∩_∩)O                               我就是要在body里面直接写文字。哼哼。        我是第二行。        我是第三行。         
我还是老老实实呆着小p里面吧~
        
我是第二行。
        
我是第三行。
       

HTML属性

标签可以拥有属性为元素提供更多的信息，属性以键/值的形式出现，比如：href = “HdhCmsTestbaidu测试数据”

常用标签属性：

通用属性：

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，我是删除文字，我中间有条横线代表我已经被删除了。        

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

h1{    color: red;} 

                                            h2{                color: green;            }                           
我是标题1，我被css样式引用成红色的
        
我是标题2，我被style改成绿色的
       

                                          
我是小p
       

                                                   点我进百度