基础标签

一，基础标签
  1，p标签
    语义，为文本添加段落，文章中的段落，都是由p标签包裹的，
    特点：能够自动的为段落添加段间距
    语法：<p>content</p>;是一个双标签，闭合标签
      2,img标签
    语义：引导一张图片，在文档中嵌入图片属性
    语法：<img src="images/logo.jpg"/>自闭合标签，单标签
    属性：
     五大属性：src alt title width height;
     <img src="" alt="" title="" width="" height=""/>
      1)src
       图片的位置，是一个路径，图片的url，可以使用项目中的位置，也可以使用网络资源
      2）alt
       当图片路径错误或者图片加载失败时，用于给用户提示这是一张什么图片
      3）title
       定义鼠标悬浮在图片上是的文本提示内容，搜索引擎可以根据title分析这是一张什么图片
     4）width
       设置图片宽度
     5）height
       设置图片高度
     src中的路径：两种路径 (相对路径，绝对路径)
     相对路径：
       相对路径不带有盘符，通常以当前html文档为起点，通过文档夹层级关系，到达目标文件中间通过的路径
      eg：
       当前文件--上边文件--第几个文件--文件所在位置
     images--img--2.png ==images/img/2.png
     绝对路径：
       绝对路径带有盘符，通常以盘符为起点，eg：c://、D://、F://...电脑中的完整文件地址(不允许用) 绝对路径也可以带有http：//开头的路径，
         eg：           <imsrc="https://www.baidu.com/img/bd_logo1.png" alt="">在百度的服务器下有一个叫img的文件夹， 里边有一张叫bd_logo.png的图片
      注意：../上一级   同级直接写名字  /名字：下一级
          <link rel="icon" href="../../day3/0119课堂案例/images/bd-logo.png">
        link标签和a标签的href属性都遵循相对路径和绝对路径和绝对路径的原理
   a标签和img共用：
     <a href="05_a标签.html#long">
      <img src="images/papa.jpg" alt="印象案例" title="印象一下，意想不到" width="225" height="140">   </a>
    html文档中常用的图片格式：
     .png: 适合一些小图标，色调单一，
    .jpg：适合一些色彩鲜艳的图片，
          .gif：支持动态图片，非常小，支持无损压缩，支持透明图像，支持      图形渐进，
二，DTD解析
   DTD:(Document Type Definition)
   DTD:文档模型也称之为Doctype文档头声明，意思是文档类型定义，写在文档的第一行，他不是标签，用来指定页面所用的HTML版本，一个符号标准的页面，DTD文档声明是必不可少的，只有使用了正确的DTD，HTML文档的标签和样式才能正确的生效，
   注意：DTD不是HTML标签，
   DTD：文档模型=Doctype=DOctype文档头声明，
   解析：浏览器将HTML页面中的代码变为图形页面的过程就是解析过程，
   DTD规则：
     1）必须写在文档的第一行，位于HTML标签之前，
     2）DTD文档模型在HTML4中有三种声明模式，在HTML5中有一种，在xhml中有一种
           3）DTD不是标签，不区分大小写，没有结束，如果不写DTD我们称之为怪异模式，浏览器解析将会出现一定的问题