04-HTML标签(链接标签)
链接标签
- 链接标签
- 基础用法
- 锚点定位
- base标签
- 路径
- 相对路径
- 绝对路径
链接标签
基础用法
在HTML中创建超链接的语法如下:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href: 用于指定链接目标的url地址,当为a标签使用了href属性的时候,它就具备了超链接的功能
target:用于指定链接页面的打开方式,其取值有两种:
- _self:为默认值,在当前窗口打开
- _blank:在新窗口中打开
注意:
- 外部链接:需要添加 "http://" ,如: http://www.baidu.com
- 内部链接:直接链接内部页面名称即可,比如:<a href=“index.html”> 首页 </a>
- 如果当时没有确定链接目标时,通常将链接标签的href属性值定义为"#"(即href="#"),表示该链接暂时为一个空链接。
- 不仅可以创建文本超链接,在网页中各种网页元素,如:图像、表格、音频、视频等都可以添加超链接。
<body><!-- 在本页打开外部链接 --><a href="http://www.baidu.com"target="_blank">百度</a><!-- 在新的页面打开内部链接 --><a href="./a.html" target="_self">内部链接</a><!-- 空链接 --><a href="#">空链接</a><!-- 图片资源链接 --><a href="http://www.baidu.com"><img src="./images/01.jpg" alt=""></a>
</body>
锚点定位
通过创建锚点链接,用户能够快速定位到目标内容,创建锚点链接分为两步:
- 使用< a href="#id名" > 链接文本 < /a > 创建链接文本
- 使用相应的id名标注跳转目标的位置
<body><h2>目录</h2><hr /><a href="#1">1 早年经历</a> <br /><a href="#2">2 演艺经历</a> <br /><a href="#3">3 个人生活</a> <br /><a href="#4">4 主要作品</a> <br /><h3 id="1">早年经历</h3><hr />刘德华出生于香港新界,在家中排行老四,幼时随家人搬到了九龙钻石山的木屋区居住,并和姐弟一起帮助家里打理卖稀饭的生意[17] 。1973年,刘德华随家人搬入香港蓝田邨第15座14楼[18] 。刘德华从黄大仙天主教小学毕业后升读可立中学[19] 。在可立中学读书期间,刘德华积极参加校内学校剧社的表演,在老师杜国威的指导下学习戏剧方面的知识。此外,他还参与包括编剧在内的幕后制作。刘德华在中五会考获得1B3D2E(中文读本A)的成绩。中六上学期后,他到香港电视广播有限公司的艺员训练班受训,从而开始了演艺之路[20] 。<h3 id="2">演艺经历</h3><hr />1981年,刘德华考进第10期无线电视艺员训练班[21] ;同年,出演个人首部电视剧《江湖再见》,在剧中饰演以贩卖妇女为生的小混混阿龙[22] ;该剧获得美国电视节电视剧特别奖[23] 。1982年,刘德华以甲级成绩从艺员训练班毕业后正式签约TVB[24] ;同年在刘德华早期照片刘德华早期照片(2张)喜剧《花艇小英雄》中饰演败家仔钱日添;12月,与叶德娴搭档主演时装警匪剧《猎鹰》,凭借卧底警察江大伟一角获得关注[25] 。1983年,主演金庸武侠剧《神雕侠侣》,在剧中饰演外貌俊俏、倜傥不羁的杨过[26] ;该剧在香港播出后取得62点的收视纪录;同年,与黄日华、梁朝伟、苗侨伟、汤镇业组成“无线五虎将”[27] 。1984年,与赵雅芝合作主演古装武侠剧《魔域桃源》,在剧中饰演资质出众、武功高强的傅青云[28] ;同年,与梁朝伟共同主演金庸武侠剧《鹿鼎记》,在剧中饰演英明果断的康熙[29] 。1985年,在古装武侠剧《杨家将》中饰演饶勇善战的杨六郎[30] ;同年,TVB向刘德华提出加签五年的合约,刘德华因拒绝而被TVB雪藏400天[31-32] 。1986年,在邵逸夫的调解下,刘德华与TVB和解并签下合约;同年,主演古装剧《真命天子》。1988年,在出演了武侠剧《天狼劫》后,刘德华将演艺事业的重心转向影坛[32] 。刘德华刘德华电影时代1981年,刘德华出演电影处女作《彩云曲》,在片中扮演一个音乐班刘德华电视剧剧照刘德华电视剧剧照(9张)的学员[33] 。1982年,在剧情片《投奔怒海》中饰演美军翻译官祖名,并凭借该片获得第2届香港电影金像奖最佳新演员提名[33] 。1983年,与张曼玉搭档主演剧情片《家在香港》,在片中饰演急功近利的青年人亚伦[34] ;同年,主演动作片《毁灭号地车》,在片中与一个越南少女演绎了一段爱情故事[35] 。1984年,在爱情片《停不了的爱》中饰演富家公子Eric[36] 。1985年,在与叶德娴共同主演的剧情片《法外情》中饰演少年得志的青年律师刘志鹏[37] 。1986年,主演科幻冒险片《魔翡翠》,在片中饰演冒险专家猎鹰一号,这也是他首度出演科幻题材的电影[38] ;同年,出演喜剧片《最佳福星》,在片中饰演身手矫健的特警组警员蓝保[39] 。1987年,主演警匪片《肝胆相照》,在片中饰演亦正亦邪的犯罪集团成员阿定[40] 。1988年,主演王家卫执导的黑帮片《旺角卡门》,在片中饰演重情重义的江湖混混华仔,并凭借该片获得第8届香港电影金像奖最佳男主角奖提名[41] ;同年,主演警匪片《猎鹰计划》,在片中饰演具有正义感的警员国华[42] ;此外,他还再度与叶德娴合作,在剧情片《法内情》中与叶德娴饰演绎了一段母子情[43] 。1989年,在动作片《至尊无上》中饰演有“亚洲第一快手”之称的刘德华写真刘德华写真(4张)陈亚蟹[44] ;同年,主演剧情片《神行太保》,在片中饰演一名公正、能干、勇敢的太保;此外,他还主演了动作片《人海孤鸿》,在片中饰演没有接受过良好教育的古惑仔沙士[45] ;12月,与周润发共同主演动作片《赌神》,在片中饰演赌神高进的徒弟刀仔[46] 。1990年,主演爱情片《天若有情之追梦人》,在片中饰演善良热情、讲义气的黑社会混混华Dee[47] ;同年,主演剧情片《至尊计状元才》;12月,与周星驰合作主演赌片《赌侠》,在片中饰演身怀绝技的陈刀仔[48] 。1991年,刘德华开始改变银幕形象,主演了传记题材的系列电影《五亿探长雷洛传》,并在片中首次诠释年龄跨度较大的人物,该系列中的两部作品《五亿探长雷洛传I雷老虎》、《五亿探长雷洛传2:父子情仇》在香港的累积票房达到5300万[49] ;6月,主演犯罪题材的电影《至尊无上Ⅱ之永霸天下》;此外,他还主演了动作片《九一神雕侠侣》,该片是刘德华投资出品的首部电影作品[50] 。1992年,凭借传记片《五亿探长雷洛传》获得第11届香港电影金像奖最佳男主角提名[51] ;8月,与王祖贤、叶德娴合作出演剧情片《庙街十二少》;11月,与林青霞、叶德娴共同主演古装片《绝代双骄》,在片中饰演聪明绝顶的小鱼儿[52] ;同年,主演爱情片《九二神雕侠侣之痴心情长剑》,在片中饰演痴情大侠情仁[53] 。1993年,在古装片《战神传说》中扮演一个武功超群的渔民[54] ;同年,主<h3 id="3">个人生活</h3><hr />刘德华的父亲刘礼在启德机场做过消防员的工作。20世纪60年代,刘礼开了一间小吃杂货店以赚钱维持家用。刘德华在家中还有三位姐姐,一位妹妹以及一位弟弟(刘德盛)[158] 。感情1986年,刘德华随香港明星足球队赴吉隆坡时,结识了朱丽倩。2008年6月23日,刘德华与朱丽倩在美国拉斯维加斯注册结婚[159] 。2012年5月9日,刘德华的妻子朱丽倩生下一个女儿。[160-161] 2016年3月,刘德华的妻子朱丽倩怀上第2胎。[162] <h3 id="4">主要作品</h3><hr />参演电影侠盗联盟2017-07导演冯德伦 主演让-雷诺, 舒淇拆弹专家2017饰演拆弹专家 导演邱礼涛 主演姜武, 小宋佳,黄宗泽长城2016-12-18饰演宋朝将军 导演张艺谋 主演马特·达蒙, 景甜, 张涵予
</body>
base标签
base可以设置整体链接的打开状态,base写到< head > 和 < /head >之间:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>base标签</title><!-- 统一指定打开方式 --><base href="http://www.baidu.com" target="_blank">
</head>
<body><!-- 使用默认的href和target --><a href="">百度</a><!-- 只使用默认的target --><a href="http://www.qq.com">QQ</a><!-- 全部不用 --><a href="httP://www.163.com" target="_self">163</a>
</body>
</html>
路径
实际工作中,通常新建一个文件夹专门用于存放图像文件,这时再插入图像就需要采用"路径"的方式来指定图像文件的位置,路径可以分为:相对路径和绝对路径。
相对路径
- 图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如:<img src=“logo.gif” />。
- 图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用"/"隔开,如:<img src=“img/img01/logo.gif” />。
- 图像文件位于HTML文件的上一级文件夹:在文件名之前加入"…/" ,如果是上两级,则需要使用 “…/ …/”,以此类推,如:<img src="…/logo.gif" />。
绝对路径
- 绝对路径:“D:\web\img\logo.gif”
- 完整的网络地址,例如:“http://www.itcast.cn/images/logo.gif”
04-HTML标签(链接标签)相关推荐
- HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签
文章目录 HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签 HTML 概念:是最基础的网页开发语言 Hyper text markup language 超文本 ...
- 图片标签|| 列表标签||链接标签||div和span|| 语义化标签
图片标签 img:展示图片 * 属性: * src:指定图片的位置 相对路径 * 以.开头的路径 ...
- 图像标签 链接标签
1.图像标签:<img src ="图像URL" /> <!DOCTYPE html> <html lang="en"> & ...
- 链接标签(anchor)和锚点定位
一.链接标签 HTML中创建超链接只需要用标签环绕需要被链接的对象即可,基本原格式如下: <a href="跳转目标" target="目标窗口的弹出方式" ...
- Struts2中的链接标签
摘自:http://www.java3z.com/cwbwebhome/article/article2/21001.html 为了使从一个页面中链接一个动态数据变得简单,Struts2框架提供了一系 ...
- a标签download属性无效_HTML从零开始——链接标签
链接(hyperlink)是互联网的核心.它允许用户在页面上,从一个网址跳转到另一个网址,从而把所有资源联系在一起. URL 是链接指向的地址.链接不仅可以指向另一个网页,也可以指向文本.图像.文件等 ...
- JSP、EL和JSTL-学习笔记04【JSTL常用标签】
Java后端 学习路线 笔记汇总表[黑马程序员] JSP.EL和JSTL-学习笔记01[JSP基础语法] JSP.EL和JSTL-学习笔记02[MVC] JSP.EL和JSTL-学习笔记03[EL介绍 ...
- Struts2中的链接标签 s:url和s:a
2011-08-03 11:05:56| 分类:java web | 标签: |字号大中小 订阅 普通链接 Web程序中最普通的应用是链接到其他页面,下面看Welcome.jsp. <%@ ...
- [JavaWeb-HTML]HTML标签_链接标签
链接标签: * a:定义一个超链接* 属性:* href:指定访问资源的URL(统一资源定位符)* target:指定打开资源的方式* _self:默认值,在当前页面打开* _blank:在空白页面打 ...
- html-超链接标签
一. a标签 <!-- a标签 href: 必填, 表示要跳转到哪个页面 target: 表示窗口在哪里打开_blank 在新标签中打开_self 在当前网页打开 --><a hre ...
最新文章
- div css导航栏设计,CSS+DIV设计实例:超酷的竖排导航栏
- mysql 搜索标题中字符串_如何在MySQL表中搜索特定字符串?
- python做图像识别好还是c++好_OpenCV人脸检测(C++/Python)
- BugkuCTF-Misc:猫片(安恒)
- java换脸_随意换脸 · ink-image/api Wiki · GitHub
- 【转】测试人员的思想理念和工作方法
- UI测试常见BUG汇总
- HDU1287+枚举
- python医药数据,PostgreSQL+Python实现药品规格数值与单位拆分
- algs4.jar----算法第四版书本官方jar包下载
- 万物互联-stm32单片机简介、烧录、编程及其项目环境搭建
- 【小程序源码】好玩多功能实用工具箱
- 高翔orbslam_ORB SLAM 2 + 构建点云地图 复现
- 安卓手机批量导入通讯录
- C# 将方形图片剪切为圆形(winForm)
- PyQt5 教程 《日期和时间》
- python nose
- getch(),getche()和getchar()使用区别
- 全球时区查询 API数据接口
- 跟我学c++中级篇——STL字符串之std::string_view