html,div+css视频教程(2014最新,带多个企业级项目实战)

第三章　ｈｔｍｌ常用标签【２】

１，定义列表

２，图片

３，超链接

４，制定图片某块区域加超链接

５，ｄｉｖ容器

６，ｓｐａｎ内联元素

学前只是预备

子元素，父元素，后代元素，兄弟元素

１，定义列表

<dl>
        <dt>
            苹果
        </dt>
        <dd>
            苹果是一种水果，不好吃
        </dd>
        <dt>
            鸭梨
        </dt>
        <dd>
            鸭梨比苹果甜，好吃一点
        </dd>
    </dl>

２，插入图片

1)src表示路径属性，

　　　绝对路径：暂时不说

　　　相对路径：相对于当前ｈｔｍｌ文件的位置来写路径

　　　./表示当前目录，../便是上一级目录

2)alt属性，在里面写图片的说明信息

３)width ,height写图片的长度，高度（只设置其中一个，另外一个会按比例放大缩小）　，也可以用百分比来表示　

内联元素

３，超链接<a></a>

      href　链接地址，没有地址可以用井号表示 

      title属性：鼠标悬停时显示

　　target属性：设置为_blank时即可在新窗口打开链接地址

4，指定图片的某块区域加超链接

使用map标签可以给某块区域加超链接

使用方法：

1）为map标签首先加上id属性，用来为map标签定义一个唯一的名称

2）为保证兼容性再加上name属性，属性值与id的值相同

3）为map标签所用的图片加上usemap属性，属性值为 #id名称

4）在map标签内嵌套area标签来实现给指定区域加链接

<area shape="" coords=""  herf="" alt="" />

shape属性：定义链接区域的形状，常用只rect，circle

coords属性：确定区域的精确位置。填写坐标即可

herf属性：填写连接地址即可

alt属性：给连接加一些说明信息

5，div标签

可以把div标签堪称一个可以存放标签的容器！常用的标签几乎都可以嵌套在div标签里面

块级元素

6，span标签

使用<span>来组合内联元素，以便通过css来梅花