a标签内写javascript a标签 html

转载

mob6454cc6c6291 2023-06-09 10:03:48

文章标签 a标签内写javascript html 超链接 a标签 文章分类 JavaScript 前端开发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="Refresh"content="3; URL=https://www.baidu.com">-->
    <meta http-equiv="Refresh" content="3">
        <title>Title</title>
</head>

<body>
    <img src="car.jpg" width="300px" height="200px"  alt="加载不出来图片" title="豪车">

    <a href="http://www.baidu.com">点我！去百度</a>
</body>
</html>

如下：

a标签下的href属性，就是超链接地址。而后面的文字表示界面的文字说明。

实际效果：界面展示文字，而文字被附带了超链接地址，当鼠标点击的时候，会跳转至设置的链接去

a标签内写javascript a标签 html_a标签内写javascript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="Refresh"content="3; URL=https://www.baidu.com">-->
    <meta http-equiv="Refresh" content="3">
        <title>Title</title>
    <style>
        #d1{height: 500px;
            background: yellow}
        #d2{height: 1000px;
            background: green}
        #d3{height: 2000px;
            background: red}
    </style>
</head>
<body>
    <a href="#d1">第1页</a>
    <a href="#d2">第2页</a>
    <a href="#d3">第3页</a>

    <div id="d1">第1页</div>
    <div id="d2">第2页</div>
    <div id="d3">第3页</div>
</body>
</html>

如下：

要实现的是：使用a标签来锚定位，点击首页的标签后，自动锚定跳转到对应的div标签区域块去。

首先：通过定义3个div标签表示三个区域块。

然后：a标签来进行超链接，当点击a标签附带的超链接，就跳转到div标签定义的区域块里面去。

最后：通过在head标签里面使用style属性来渲染一下div标签区域块所在的颜色，便于区分。------当然后续直接使用css会更简单

a标签内写javascript a标签 html_超链接_02