HTML 链接-在线运行代码案例-大卫编程网

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(div.cn)</title> 
</head>
<body>

<p>
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>

<p><a href="https://www.baidu.com/">百度</a> 是一个指向万维网上的页面的链接。</p>

</body>
</html></pre><a href="/run/1230810.html" target="_blank" textvalue="测试看看 ‹/›">测试看看 ‹/›</a></div><h2>HTML 超链接（链接）</h2><p>HTML使用标签 <a>来设置超文本链接。</p><p>超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。</p><p>当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。</p><p>在标签<a> 中使用了href属性来描述链接的地址。</p><p>默认情况下，链接将以以下形式出现在浏览器中：</p><ul class=" list-paddingleft-2"><li><p>一个未访问过的链接显示为蓝色字体并带有下划线。</p></li><li><p>访问过的链接显示为紫色并带有下划线。</p></li><li><p>点击链接时，链接显示为红色并带有下划线。</p></li></ul><p>注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。</p><h2>HTML 链接语法</h2><p>链接的 HTML 代码很简单。它类似这样：</p><blockquote><a href="https://www.div.cn">大卫编程网</a></blockquote><p>href 属性描述了链接的目标。.</p><h2>示例</h2><blockquote><a href="https://www.div.cn/">访问大卫编程网</a></blockquote><p>上面这行代码显示为：<a href="https://www.div.cn/">访问基础教程</a></p><p>点击这个超链接会把用户带到基础教程的首页。</p><p>提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。</p><h2>HTML 链接 - target 属性</h2><p>使用 target 属性，你可以定义被链接的文档在何处显示。</p><p>下面的这行会在新窗口打开文档：</p><div class="example_code"><label class="example_title">示例</label><pre><a href="https://www.div.cn/" target="_blank">访问基础教程!</a>