当前位置: 首页 > article >正文

HTML 超链接

每一个网站都是由许多独立的网页组成,网页之家通常都是通过超链接来相互连接的。超链接可以让用户在各个独立的网页之间跳转。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>colspan属性</title>
	<style type="text/css">
		body{background-color: aqua;}
	</style>
</head>

<body>

	<!---
	<a href="链接地址">文本或图片</a>
	target属性值用于定义超链接的打开窗口的方式  默认是_blank 在新窗口打开链接
	--->
	
	<a href="./OIP-C.jpg" target="_self">
		美女图片
	</a>
	<a href="./OIP-C.jpg">
		<!--alt属性用于描述图片,
		这个描述文字是给搜索引擎看的,
		并且当图片无法显示时,页面会显示alt中的文字。
		title属性也用于描述图片,
		不过这个描述文字是给用户看的,并且当鼠标指针移到图片上时,会显示title中的文字。---->
		<img src="./OIP-C.jpg" alt="美女图片"  title="美女图片"/>
	</a>
</body>
</html>

锚点链接

链接指向当前页面的某一部分,锚点链接需要定义标签的id。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div>
        <a href="#article">推荐文章</a><br />
        <a href="#music">推荐音乐</a><br />
        <a href="#movie">推荐电影</a><br />
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="article">
        <h3>推荐文章</h3>
        <ul>
            <li>朱自清-荷塘月色</li>
            <li>余光中-乡愁</li>
            <li>鲁迅-阿Q正传</li>
        </ul>
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="music">
        <h3>推荐音乐</h3>
        <ul>
            <li>林俊杰-被风吹过的夏天</li>
            <li>曲婉婷-在我的歌声里</li>
            <li>许嵩-灰色头像</li>
        </ul>
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="movie">
        <h3>推荐电影</h3>
        <ul>
            <li>蜘蛛侠系列</li>
            <li>钢铁侠系统</li>
            <li>复仇者联盟</li>
        </ul>
    </div>
</body>
</html>


http://www.kler.cn/a/297051.html

相关文章:

  • 量化投资策略与技术学习PART9:量化选股之筹码选股
  • 验证码识别之点选验证码识别——绪论
  • 资深研发的心愿:PostgreSQL未来若能加入这些功能,将更臻完善
  • 周报 | 24.9.2-24.9.8文章汇总
  • flutter之常用数据类型
  • 佰朔资本:沪指跌0.23%,金融板块集体上扬,半导体等板块下挫
  • vue使用Export2Excel导出表格
  • 倒推因子分解法——C语言实现
  • 象过河在线进销存软件——简单、高效、智能,让生意更简单!
  • Qt-高DPI显示器
  • 大数据-119 - Flink Window总览 窗口机制-滚动时间窗口-基于时间驱动基于事件驱动
  • “声”临其境:iKF Ultra 降噪耳机,音乐与静谧的完美融合
  • 基于百度AIStudio飞桨paddleRS-develop版道路模型开发训练
  • 鸿蒙轻内核A核源码分析系列四(3) 虚拟内存
  • 视频监控管理平台LntonAIServer视频智能分析噪声检测应用场景
  • 【JUC】13-原子类
  • 如何在算家云搭建MindSearch(智能搜索)
  • [N1CTF 2018]eating_cms1
  • 【Redis】redis5种数据类型(string)
  • blender云渲染来了,blender云渲染教程!