你看我像不像学HTML的人(五)——链接标签、注释和特殊字符
一 . 超链接标签
在HTML标签中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面。
1. 链接的语法格式
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
单词anchor的缩写,意为:锚。
两个属性的作用如下:
属性 | 作用 |
href | 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能。 |
target |
用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。 |
代码回家补充
2. 链接的分类
(1)外部链接,例如<a href="http://www.tencent.com">腾讯</a>
外部链接必须以http://开头。
(2)内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href="index.html">首页</a>
(3)空链接:如果当时没有确定链接目标时,<a href="#">首页</a>
(4)下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
下载链接:地址链接的是文件 .exe 或者是 zip等压缩包的形式
(5)网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。
(6)锚点链接:我们点击链接,可以快速定位到页面中的某个位置。
a. 在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>
b. 找到目标位置标签,里面添加一个id属性 = 刚才的名字,如<h3 id="two">第2集介绍</h3>
代码回家补充
二 .注释和特殊字符
1. 注释
如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。
HTML中的注释以"<!--" 开头,以"-->"结束。
<!-- 注释语句 --> 快捷键: Ctrl+ /
一句话:注释标签里面的内容是给程序员看的,这个代码是不执行不显示到页面中的。
添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。
2. 特殊字符
在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。
特殊字符 | 描述 | 字符的代码 |
空格符 | | |
< | 大于号 | < |
> | 小于号 | > |
& | 和号 | & |
¥ | 人民币 | ¥ |
© | 版权 | © |
® | 注册商标 | ® |
° | 摄氏度 | ° |
± | 正负号 | ± |
× | 乘号 | × |
÷ | 除号 | ÷ |
² | 平方2(上标2) | ² |
³ | 立方3(上标3) | ³ |
重点记住:空格、大于号、小于号这三个,其余的使用很少,如果需要回头查阅即可。
代码回家补充
三 .综合案例
代码回家补充,回家看
你看我像不像学HTML的人(五)——链接标签、注释和特殊字符相关推荐
- 马!马上看~ 推荐给学绘画的人的电影
看电影涨姿势!哪些电影适合推荐给学绘画的人看?(动画篇) @万物CHINA :因为太喜欢电影了,所以这个问题一定要呕血推荐!!以下,我就单纯从影片的形式感.色彩.画面.风格等等方面来推荐了!!关于电影 ...
- 网上搜集了点资料,学web的人互相分享共同进步吧(php编码的好习惯必须养成)...
网上搜集了点资料,学web的人互相分享共同进步吧 一.优秀的代码应该是什么样的? 优秀的PHP代码应该是结构化的.大段的代码应该被分割整理成一个个函数或方法,而那些不起眼的小段代码则应该加上注释,以便 ...
- 边看chromium的代码,边想骂人...
这一年一直在看chromium for android的代码,边看边想骂,谷歌这帮人.. 一开始搞了个牛逼的架构,在安卓4.4上把以前android webkit团队的简单版替换掉了, 结果发现性能大 ...
- 思想开放-学数学之人必备的特质(转载)
读了这许多年数学,越来越发现思想开通是学数之人的一种必备特质.这里的「思想开通」是指脑筋灵活,不宥于一种思维定势,不墨守陈规,随时准备接受新概念或意念.虽然学习其它学科往往也需要具备这种特质,但由于数 ...
- 《假如编程是魔法之零基础看得懂的Python入门教程 》——(五)我的魔法竟然有了一丝逻辑
学习目标 了解魔法世界中的结构表现--缩进 了解魔法世界的逻辑判断--if 了解魔法世界的多次逻辑判断--ifelse嵌套 了解魔法世界中的逻辑运算--且 and 与或 or 推荐 1.<备受好 ...
- 学labview的都是什么人_为什么学美术的人,从来都不曾后悔?
大多数人其实并不把美术当回事现在一说美术生大家都认为学习不好的孩子才会去学画画一直以来美术生都遭受着这样的偏见导致家长们普遍认为:学美术的都是差等生画画耽误学习 每当放了寒暑假在其他孩子都在家吹着空调 ...
- (Python)从零开始,简单快速学机器仿人视觉Opencv---运用三:物体运动跟踪
教程: 博主之前写了23节关于使用OpenCV的教程,欢迎大家阅读: (Python)从零开始,简单快速学机器仿人视觉Opencv-第一节:OpenCV的图像读取显示及保存 (Python)从零开始, ...
- 学计算机的人会单身吗,大学哪些专业最容易单身 大学哪些专业最不容易脱单...
都说专业没选好,单身到老.命苦不怪生活,单身要赖专业.而选对了专业,就等于成功了一半.今天要来跟大家一起来盘点的,就是大学专业单身率TOP排行榜.qIx答案圈 NO.13 汉语言文学专业qIx答案圈 ...
- python骂人代码大全_边看chromium的代码,边想骂人...
这一年一直在看chromium for android的代码,边看边想骂,谷歌这帮人.. 一开始搞了个牛逼的架构,在安卓4.4上把以前android webkit团队的简单版替换掉了, 结果发现性能大 ...
- 重磅推出:分享阿里云大学前端开发学习路线链接
重磅推出:分享阿里云大学前端开发学习路线链接 这是一份阿里云大学推出前端开发学习路线,适合入门.也适合刚入职场一两年的小伙伴,来一个基础知识进行加深视频学习.内容言简意赅,通过demo练习等来理解学习 ...
最新文章
- 信号转换| 如何使用模拟电路完成对方波信号倍频PWM转换?
- 做最轻量级的数据库中间层,赶紧学起来
- java多线程(同步和死锁,生产者和消费者问题)
- 事务的四大特性、事务处理开始与结束、v$transactio、 v$LOCK
- php一些错误的显示问题
- ASP.NET Core的配置(3): 将配置绑定为对象
- 嵌入式的薪资还是挺低的
- 金山办公:因个人原因 葛珂辞去公司董事长职务
- PyCharm 2020.2.3复制粘贴及删除键修正
- python处理Excel数据串行串列问题
- Java题目内容: 你的程序要读入一系列正整数数据,输入-1表示输入结束,-1本身不是输入的数据。程序输出读到的数据中的奇数和偶数的个数。
- 网吧电脑怎么学一级计算机,如何关掉网吧电脑上的防火墙系统-电脑自学网
- Python利用selenium实现自动登录网页qq
- 参加了feedsky的blog挑战赛
- HTTP协议 (五) ---代理
- python读取图片各点灰度值_用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)...
- 长尾关键词排名优化技巧
- CSDN官方markdown教程
- 微程序控制器的基本原理
- 软件工程经济学期末复习第三章
热门文章
- Linux eBPF内核源码sample/bpf全网最细解析(一)
- 如何免费制作表白二维码?
- 移动开发平台WorkPlus | 快速实现企业移动应用集成化
- Win10下安装配置使用WSL2
- 郑捷《机器学习算法原理与编程实践》学习笔记(第五章 梯度寻优)5.2 Logistic梯度下降法...
- 国赛培训——最优化智能算法——模拟退火
- BootCDN——React入门学习
- Linux网站服务之部署Wordpress教程
- 使用 LinuxGSM 搭建饥荒联机服务器(带洞穴)
- ftp服务器有哪些作用,FTP是什么意思 FTP服务器有什么作用及功能