html之超链接

最新推荐文章于 2021-07-02 10:10:32 发布
最新推荐文章于 2021-07-02 10:10:32 发布
阅读量615 收藏
点赞数
分类专栏： 代码杂货铺
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Prince140678/article/details/49045541
版权
<html>
    <head>
        <meta charset="utf-8">
        <title>demo_4--超链接</title>
    </head>
    <body>
        <!--上网时，不要乱点，否则可能会打开不想要的网页，可以把鼠标放在超链接上，看看是不是可靠网站-->
        <a name="top">顶部位置</a><!--对应着下面的“回到顶部”-->
        <br />
        <a href="www.baidu.com">百度一下</a><!--打不开，会链接到本地-->
        <br />
        <a href="http://www.sina.com" target="_blank">新浪官网</a><!--超链接为内联元素-->
        <br />
        <a href="http://www.qq.com"><img src="images/加速小球.png" /></a><!--图片超链接-->
        <br />
        <a href="http://www.baidu.com">百度一下,你就知道</a><!--在火狐中，不加http和加http的超链接颜色不同-->
        <br />
        <!--mailto:+"邮箱地址"+"?"+"参数=参数值"+"&"+"参数=参数值"+.....-->
        <!--目前这个功能不能用，不知为啥？-->
        <a href="mailto:1072805311@qq.com?subject=Summary&cc=thomas@hotmail.com">联系我们</a><!--不能使用&&要用&-->    
        <br />
        <a href="thunder://www.baidu.com">下载地址</a>
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <br /><!--无效-->
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr />
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<br />--><!--无效,在表格与表格之间会有换行-->
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr />
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr />
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr />
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr />
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr color="#0000ff"/>
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr color="#00ff00" />
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <hr color="#ff0000" />
        <table border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td>单元格一</td><!--在sublime中创建多行的快捷方式，例如：td*2 按tab键-->
                <td>单元格二</td>
            </tr>
            <tr>
                <td>单元格三</td>
                <td>单元格四</td>
            </tr>
            <!--<hr color="#0000ff" />-->
            <!--hr放在这里显示的效果是在“百度一下，你就知道”下面显示，而不是在表格的某一行下面显示-->

        </table>
        <a href="#">回到顶部</a><!--这是定位标记，也叫锚。忽然发现，里面写个空链接也能回到顶部-->
        <a href="#top">再次回到顶部</a>
    </body>
</html>
工一木子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML超链接传值
01-04
HTML超链接是网页中不可或缺的一部分，它允许用户在不同的页面之间跳转，浏览网页内容。在实际应用中，我们往往需要在点击超链接时传递一些参数，以便在目标页面能够获取这些信息并进行相应的处理。这被称为“HTML...
html怎么单独设置两个超链接,怎么在同一个网页设置两种超链接样式
weixin_33413839的博客
06-16 5449
使用css样式即可，方法如下：1、在网页头部head/head直接放置以下代码：style type=text/cssa.topcs:link {font-size: 12px;color: #000000;text-decoration: none;}a.topcs:visited {font-size: 12px;color: #000000;text-decoration: none;}a....
如何通过HTML中的map标签给一个图片添加多个超链接，并且coodr属性跟随屏幕大小自动改变，移动端也同样适用！
孙_常乐的博客
05-18 3200
前两天公司和其他公司合作搞个活动，暂时需要一个页面上放一张海报，并且海报上多处区域要可以点击，当时自己想到的是利用map标签生成区域热点，但是分辨率不同热点区域在不同区域不准确。最后通过简单的几行jq搞定了。代码如下&lt;div style="margin:0 auto"&gt;&lt;img src="__STATIC__/images/concert_hall_02.jpg" width="...
html如何设置四个链接,HTML基础（四）——设置超链接的样式示例
weixin_29209805的博客
06-17 1334
***设置超链接的样式示例a:link超链接被点前状态a:visited超链接点击后状态a:hover悬停在超链接时a:active点击超链接时在定义这些状态时，有一个顺序l v h a代码区：无标题文档a:link{color:#000;text-decoration:none;}a:visited{color:#000;text-decoration:none;}a:hover{color:#...
html一个图片链接四个,HTML图片怎么超链接
weixin_39761822的博客
06-21 1786
0回答2021-05-06浏览：9分类：其他问题1回答2021-05-06浏览：9分类：其他问题回答：2回答2021-05-06浏览：2分类：其他问题回答：超链接的代码是，把#替换成你要的链接就行，做成这样HTML要做好排版1回答2021-05-06浏览：13分类：其他问题回答：如果让本页转向新的页面则用： 如果需要打开一个新的页面进行转向，则用： 注意：上面的按钮加超链接只针对 IE 好用。火狐...
简单的html网页超链接
weixin_40908896的博客
12-30 4743
简单的html网页超链接 <html> <head> <title> 系统巡检</title> </head> <body> <div> <p>外网系统巡检</p> </div> <div> <ul> <li><a href="http://123.com"&g
超链接_html_
10-01
在HTML（HyperText Markup Language）中，超链接是网页间导航的重要组成部分，它允许用户通过点击文本或图像来访问其他页面、文件、同一页面内的不同位置甚至外部资源。本教程将详细讲解如何在HTML中创建超链接，...
HTML基础之文本与超链接
03-19
学习web云端技术的可以看下
HTML网页超链接标记
09-28
HTML网页超链接标记是网页设计中的基础元素，用于创建页面间的导航链接，使得用户可以从一个页面跳转到另一个页面。这些链接是网站的灵魂，因为它们构成了网页间的互动网络。每个网页都有唯一的URL（Uniform ...
html建立超链接
07-29
html 建立超链接的详细内容介绍.从最基本的超链接到各种详细的html 超链接建立
关于超链接自动提示的demo
baguangkui4924的博客
03-23 91
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 5 <head>...
html-超链接
qq_41860476的博客
08-20 440
a标签：超链接 没有href属性的a标签不起作用 .常用属性：href（目标链接的地址）、target（在哪里打开目标链接，值：_blank:在新窗口打开，常用、_self:在当前窗口打开，默认） 四种状态（默认）： 未被访问的链接：link状态，文字为蓝色，有下划线 已被访问的链接：visited状态，文字为紫色，有下划线 鼠标移动到链接上：hover状态，鼠标变成手型 正在点击的链接：active状态，文字变为红色，有下划线 默认的四种状态在平常并不使用，而是通过css对这四种状态进行重置 绝对路径（
H5 <a>超链接，同一页面内部跳转和不同页面间的跳转
热门推荐
qq_42467563的博客
10-15 4万+
同一页面或者文件间的跳转： &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;超链接&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="#" name="ding"&gt;顶部&a
HTML之超链接~ ~ ~
Ferryman23333的博客
07-29 214
这次mark 一下html最厉害的部分——超链接 语法： <a href="url">链接文本</a> 实例 <a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a> 详解 referred full naem Chinese a Anchor 锚 ...
html超链接
qq_38966867的博客
07-02 109
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>4.超链接.html</title> </head> <body> <!-- a标签是 超链接 href属性设置连接的地址 target属性设置哪个目标进行跳转 _self 表示当前页面(默认值) _blank 表示打开新页面来进行跳转 --&
Html超链接
ygt_jp的博客
10-07 384
网上浏览是我们点击一些文字和图片时会跳转页面 不过超接的格式为<a></a>把#改为你想去的地址<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a htlp="#">点我</a> </body> <
html中超链接使用_HTML超链接代码
weixin_26933735的博客
12-23 1013
展开全部html超链接的写法是e69da5e6ba903231313335323631343130323136353331333431353431使用a标签，如：百度一下，你就知道。在html中，a标签中的a(或者 A) 是 anchor 的缩写 。anchor的基本解释是锚，这些标签的作用是标明超连接的起始位置或目的位置。 标签可定义锚，通过使用 href 属性。创建指向另外一个文档的链接(或超...
HTML超链接
千寻的博客
09-18 1157
<head> <title>首页</title> <meta charset="utf-8"> </head> <body> 欢迎您， <br /> <a href="./login.html" target="_blank">登录</a> </br> &l...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值