html 标签学习(续)

一、基础标签补充

　　1、div 标签和span标签（没有特别的样式，常用）

　　　　div标签用来定义一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。
　　　　span标签用来定义内联(行内)元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。

    <div>我是div</div>
    <div>我是div</div>
    <div style="width:100%;height :80px;background-color:red">
        <div style="width:50%;height :30px;background-color:yellow"></div>
        <div style="width:50%;height :50px;background-color:green"></div>
    </div>
    <span>我是span<span>我是span</span></span>
    <span>我是span</span>
    <span>我是span</span>

html 标签学习(续)

　　2、img标签

<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" 
height="高(宽高两个属性只用一个会自动等比缩放)">

　　　　建议尽量使用本地图片！！！

　　3、a标签（超链接标签）

<a href="http://www.oldboyedu.com" target="_blank" >点我</a>

　　　　(1)href属性指定目标网页地址。该地址可以有几种类型：

- - 绝对路径跳转：指向另一个站点（比如：href="http://www.baidu.com"）　
  - 相对URL - 指当前站点中确切的路径（href="index.htm"）
  - 锚URL:在本页面跳转（#top 、#id）

　　　 html 标签学习(续)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="#sb">跳到sb哪里</a>
    <a href="#sb1">跳到sb1哪里</a>
    <div style="width: 100%;height: 1600px;background-color: aqua;"></div>
    <p id="sb">来这里呀</p>

    <div style="width: 100%;height: 1000px;background-color: red;"></div>
    <a name="sb1">come on!</a>
</body>
</html>

锚的制作示例