暑假学习记录29 标签2

(1)今天学习了图片标签，列表标签，超链接标签
(2)明天继续学习标签剩下的内容
(3)  图片标签  <img/>  用于在页面效果中展示一张图片

                        src:图片的路径（必有属性）

                                  图片路径的写法

                                                 内网路径

                                                         绝对路径  文件在硬盘上的具体位置

 　　　　　　　　　　　　　　　  相对路径   从引入者所在目录出发

                                                                               例如: ../img/c_1.jpg

                                                 互联网路径

　　　　　　　　　　　　　　　　必须前面加上http://         例如：http://www.baidu.com/xxx.jpg

                        width:图片宽度

                        height:图片高度              宽度和高度的设置默认单位是像素

                                                               百分比设置  例如：width="50%",是父标签的百分比，图片标签被谁包裹谁就是父标签

           列表标签  <ul></ul>  无序列表标签

                            <li></li>    列表条目项标签

                            <ol></ol>  有序列表标签

           超链接标签 <a></a>   href  超链接跳转路径（必有属性）

                                                        <a></a>的内容不仅可以是文字，也可以是其他内容，例如图片    

                                                                  <a href="demo.html">

　　　　　　　　　　　　　　　　　　     <img src="../img/c_1.jpg">

                                                                  </a>

                                                         <a></a>的href属性，不仅可以链接到html上，也可以链接到其他文件，例如图片

                                                                      <a href="../img/c_1.jpg">链接到一张图片上</a>

                                                      本机路径    相对路径和绝对路径

                                                       外网路径    http://地址

                                                        本页    如果href后面什么都不写，默认是本页