HTML5学习之始

第一天学习了HTML5的各种标签,用的sublime TEXT2软件。我想自己每天学习的东西都发到博客上，既不会忘记又能温故而知新。

标签分为块属性标签和行属性标签。

一、块属性标签有:

1，div 标签,本身无实意。

2，h1~h6:标题标签     它们的大小不同，h1最大，h2次之，h6最小。h1标签对 SEO 优化权重较高，h2标签次之。h1 在页面中最多出现一次，h2在页面中超过bu20次，h3~h6出现次数不限，开发过程中我们常用的就是h1~h4。

3，p 标签：代表段落，通常情况下p标签总存储的是一段内容。

4，hr ：分割线

     br：换行标签

     sup：右上角标签

     sub：右下角标签

5，无序标签（说实话没听太懂无序这个两个字是什么意思，懂得可以评论下）

     ul：块属性标签，代表无序列表。

     li ：列表项，块属性标签开发过程中，ul通过与li配合使用。

6，有序标签

    ol：块属性标签，代表有序列表。

    li ：列表项，块属性标签开发过程中，ol通过与li配合使用。

7，定义列表  

   dl:块属性标签,定义列表
   dt:块属性标签,被解释项

   dd:块属性标签,解释项

8，adderess：地址标签

9，blockquote：引用标签(这个引用我也没太听懂。。）

二、行属性标签

1，a : 超链接标签，在程序上是<a href=“”></a>
      href 属性:设置要跳转的网址

      如果是一个网络地址需要添加 http://

    在“”加入#返回顶部

    在“”加入#什么标签置顶（新手语言表达不太好）

    在“”加入###网址最后变成###

    在“”加入javascript:viod(0)，什么都没有发生

    target：设置页面是否在当前标签页打开
    _blank：重新生成新的标签页，再打开页面
    _self：直接在当前标签页，打开页面

    列子：<a href="http://www.baidu.com" target="_blank">  

    通过 a 标签实现下载功能：
    如果音频,视频，图片，需要先经过压缩，然后再在href属性中书写该文件的路径。
    如果是非音频，视频，图片格式的文件，可以直接在href属性中填写该文件的路径 。

2，span：行属性标签，无实意，网页中某一个位置需要特殊标记，就可以使用span标签。比如：<span style:"color:red"></span>。

3，i和em标签都是使字体边斜，strong标签可以使自己加粗

4，q：引用标签，用来引用一句话。

5，pre，code：用于包裹一段代码。

    &lt转义字符：<

    &gt转移字符：>

6,img: 显示图片
src 属性:设置图片的路径
路径有三种:
a,网络路径
b,绝对路径
c,相对路径(开发中常用)
alt 属性:图片的替换文本
作用一:当找不到图片时,
作为替换文本出现在页面中
作用二:通过alt
可以让浏览器知道当前图片的内容.
width/height 属性:设置图片的宽/高
实际开发过程中,
我们只设置宽和高两者中的其中一个,
另外一个系统会自动根据图片宽高比进行拉伸
title 属性:设置图片的标题

当用户的光标在图片上长时间停留时会显示tittle中的内容

    三种途径：网络途径、绝对途径、相对途径

    相对途径：/ :往下一级目录(文件夹)查找，../:往上一级目录查找。

最后，我觉得块属性标签和行属性标签的区别是：块属性标签是支持宽高的设置，独占一行。行属性标签不支持宽高设置，并且在同一行展示。通过今天的讲课也就明白这么多，还有很多标签没讲，慢慢来吧 ，只希望自己别掉队