HTML-图片超链接target-有序（order）无序列表（unorder）

27、bgcolor 设置整个浏览器背景色,如果上面有图片，则会被覆盖

28、background 设置整个网页的背景图片，打开后整个网页都是这个对应的图片

<!DOCTYPE html>
<html>
    <head>
        <!-- <meta charset="utf-8">
        这行代码作用是：告诉浏览器采用哪一种字符集打开当前页面。并不是设置的字符集编码方式
        -->
        <meta charset="utf-8">
        <title>背景颜色和背景图片</title>
    </head>
    <!--
    bgcolor 设置整个浏览器背景色,如果上面有图片，则会被覆盖
    background 设置背景图片，整个网页的背景
    -->
    <body bgcolor="red" background="img/淘宝.jpg">
    </body>
</html>

29、设置图片宽度和高度的时候，只设置宽度，高度会进行等比缩放如果设置高度会失真；

30、img标签就是图片标签

31、src 属性是图片的路径

32、width 是设置图片的宽度的 hright设置高度

33、title 设置鼠标悬停时显示的信息

34、alt设置图片加载失败时提示信息

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>图片img</title>
    </head>
    <body>
        <!--
        1、设置图片宽度和高度的时候，只设置宽度，高度会进行等比缩放，如果设置高度会失真；
        2、img标签就是图片标签
        3、src 属性是图片的路径
        4、width 是设置图片的宽度的 hright设置高度
        5、title 设置鼠标悬停时现实的信息
        6、alt设置图片加载失败时提示信息
        -->
        <img src="img/淘宝.jpg" width=200x" title="淘宝" alt="图片找不到"/></img>
        
        <!--<img>??</img>
        img图片如果他们之间什么都没有可以直接在src后面加一个反斜杠<img src=" " />
        -->
        
        <img src="img/淘宝.jpg" width="300x" title="笔记本桌面图片" alt="图片找不到"/>
        <br><br><br><br><!--换行-->
    </body>
</html>

35、图片超链接

</a>

36、target 属性：

37、 _self: 当前窗口

38、 _blank: 新窗口

39、 _top：顶级窗口

40、 _parent：父窗口

41、浏览器向服务器发送数据（请求：request）

42、服务器向浏览器发送数据（响应：response）

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>超链接</title>
    </head>
    <body>
        <!--文字超链接-->
        <a href="http://www.baidu.com">百度</a>
        <a href="http://news.baidu.com">百度新闻</a>

        <!--图片超链接-->
        <a href="https://www.taobao.com/" target="_blank">
            <img src="img/淘宝.jpg" width="120px"/>
        </a>
        
    </body> 
</html>

43、Unorder 无序列表<ul><li></li></ui>

44、Order 有序列表<ol><lil></li></ol>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>列表</title>
    </head>
    <body>
        <!--有序列表-->
        <ol type="1">
            <li>水果</li>
               <ol>
                  <li>苹果</li>
                  <li>西瓜</li>
                  <li>樱桃</li>
               </ol>
        </ol>
        <!--无序列表,type="circle"指定圆形，"square"指定方块-->
        <ul type="circle">
            <li>中国
              <ul type="square">
                 <li>北京
                   <ul>
                      <li>海定区</li>
                   </ul>
                 </li>
                <li>天津</li>
                <li>成都</li>
               </ul>
            </li>
            <li>美国</li>
            <li>俄罗斯</li>
            <li>德国</li>
        </ul>    
    </body>
</html>