DIV加超链接怎么 *** 作？

用onclick开启一个事件，然后打开窗口，在css中定义鼠标的形状。

可以把<div>想象成一个盒子，也可以把它想成一个容器。

一·页面的构成元素形状都是矩形的，严格的说，元素形成了一个矩形的区域，这个区域就是CSS中最基本的布局要素，      常被称作"box"，你可以在很多W3CCSS2.1规范的原文中看到"box"这个字眼。

二·"BoxModule"，通常被译作“盒子模型”，有的地方被译作“框模型”。      因为W3C的很多地方用到了"box"这个词，有些地方译作“盒子”不大通顺，所以也可译作“框”。

三·为了给文档树中的各个元素排版定位（布局），浏览器会根据渲染模型为每个元素生成四个嵌套的矩形框，

分别称作contentbox、paddingbox、borderbox和marginbox，它们是不可分割的，并可能会重合，

这就是CSS规范中描述的“框模型”（boxmodel）。它是以CSS的角度去看一个元素被渲染后的抽象形态。

在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构，展示，和交互。

在web1.0的时代，页面的逻辑并不是特别复杂，对用户体验的要求也不是很高，table被大量开发者用来做布局元素，横跨结构和展示两个部分，是很“重”的。

在图片上加超链接是这样的：

首先你得给图片加<a>标签，图片标签是<img>，所以框架是这样子的

<div><a href="#" target="_blank" title=""><img src="images/20.jpg" width="200" height="500"></a></div>

<a>标签里面的（href="#"）是跳转链接的意思，#是空链接，#可以更改你想跳转的链接。

（target="_blank"）这个呢是点击会单独创建一个页面的意思，就是你在这个页面点击就会再创建一个页面浏览。如果不加，点击他就会在你所点击的页面浏览。

（title=""）这个的用处是简单介绍你所点击的东西是什么，是方便别人网速不好，没有加载出来图片，就会有个文字介绍，这上面说的文字就是你写的文字。（建议文字不要太多）

<img>标签里面的很简单，有点英文基础都知道就不说了。

为超链接添加onclick()动作，动作内容为d出对话框。javascript提供了3种类型的对话框：

alert() : 提醒

confirm()：确认，返回 true 或者 false

prompt()：带输入的对话框

下面进行实例演示：

1、HTML结构

1

2

3

<a href="#" onclick="fun1()">你有一个礼物</a>

<a href="#" onclick="fun2()">我要接收礼物</a>

<a href="#" onclick="fun3()">必须先对暗号</a>

2、javascript代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

function fun1(){

alert("你得到一个礼物！！")

}

function fun2(){

if(confirm("确定接收礼物？"))

alert("对一下暗号先...")

}

function fun3(){

var code = prompt("请对暗号：")

if(code)

alert("给你礼物！！")

else

alert("蒙人呢！")

---