<!DOCTYPE html>
<html lang="zn">
<head>
<meta charset="UTF-8">
<title>超链接</title>
</head>
<body>
<!-- <a>超链接:从一个页面跳转到其他页面,或者跳转到当前页面的其他位置
超链接是一个“行内元素”,在<a>标签中可以嵌套除了它自身外的任何元素
提示:如果没有使用 href 属性,<a> 标签将是一个占位符的超链接,则不能使用 hreflang、media、rel、target 以及 type 属性。
提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。
提示:请使用 CSS 来改变链接的样式。
属性:
href 指定跳转的目标路径,是a标签中最重要的属性,超链接的 URL。可能的值:
1.绝对 URL - 指向另一个站点(比如 href="http://www.example.com/index.htm")
2.相对 URL - 指向站点内的某个文件(href="index.htm")
3.锚 URL - 指向页面中的锚(href="#top"),跳转到当前页面中指定的位置
4.javascripet:alert('超链接'); - 点击链接,会执行里面的js代码,如果没写代码,则什么都不做
5.压缩包文件 - href 里面地址是一个exe文件或者.zip等格式的压缩包,会下载这个文件
target属性,用来指定超链接打开的位置,仅在 href 属性存在时使用。
可选值:
_blank:新窗口打开。
_parent:在父窗口中打开链接。
_self:默认,当前页面跳转。
_top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。
download属性(H5新增属性),用来下载链接的地址。必须由href 属性在 <a> 标签中指定要下载的文件的地址
指定下载文件的名称。文件名称没有限定值,浏览器会自动在文件名称末尾添加该下载文件的后缀 (.img, .pdf, .txt, .html, 等)。
-->
<a href="https://www.bilibili.com">第三方网站:B站超链接</a>
<br><br>
<a href="04-列表.html">本地某个html文件超链接</a>
<br><br>
<!-- 可以直接将超链接的href属性设置为#,这样点击超链接以后页面不会发生跳转,
而是转到当前页面的顶部的位置。在开发中可以将#作为超链接的路径的展位符使用
URL为#的超链接,默认跳转到当前页面的顶部
可以跳转到页面的指定位置,只需将href属性设置 #目标元素的id属性值,如果未找到目标元素id属性,则当做#默认值处理即跳转到顶部
id属性(唯一不重复的)
- 每一个标签都可以添加一个id属性
- id属性就是元素的唯一标识,同一个页面中不能出现重复的id属性
-->
<a href="#bottom">去底部</a>
<br><br>
<!-- 可以使用 javascript:; 来作为href的属性, -->
<a href="javascript:alert('超链接');">这是一个js代码的超链接</a>
<br><br>
<a href="../images/001.jpg">超链接是一个图片</a>
<br><br>
<a href="04-列表.html" target="_blank">在新窗口打开超链接</a>
<br><br>
<a href="04-列表.html" target="_parent">在父窗口中打开链接</a>
<br><br>
<a href="04-列表.html" target="_top">在当前窗体打开链接,并替换当前的整个窗体</a>
<br><br>
<!-- 相对路径:./表示当前目录,../表示上一级目录 -->
<a href="../images/001.zip">下载文件</a>
<br><br>
<a href="../images/001.jpg" download="1">download属性下载文件并指定下载文件名称,文件后缀会自动生成。如果不指定名称,则默认使用下载的文件名称</a>
<br><br>
<a href="#p3">去第三个自然段</a>
<br><br>
<p>在我的后园,可以看见墙外有两株树,一株是枣树,还有一株也是枣树。
这上面的夜的天空,奇怪而高,我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去,使人们仰面不再看见。然而现在却非常之蓝,闪闪地䀹着几十个星星的眼,冷眼。他的口角上现出微笑,似乎自以为大有深意,而将繁霜洒在我的园里的野花草上。
我不知道那些花草真叫什么名字,人们叫他们什么名字。我记得有一种开过极细小的粉红花,现在还开着,但是更极细小了,她在冷的夜气中,瑟缩地做梦,梦见春的到来,梦见秋的到来,梦见瘦的诗人将眼泪擦在她最末的花瓣上,告诉她秋虽然来,冬虽然来,而此后接着还是春,蝴蝶乱飞,蜜蜂都唱起春词来了。她于是一笑,虽然颜色冻得红惨惨地,仍然瑟缩着。
枣树,他们简直落尽了叶子。先前,还有一两个孩子来打他们,别人打剩的枣子,现在是一个也不剩了,连叶子也落尽了。他知道小粉红花的梦,秋后要有春;他也知道落叶的梦,春后还是秋。他简直落尽叶子,单剩干子,然而脱了当初满树是果实和叶子时候的弧形,欠伸得很舒服。但是,有几枝还低亚着,护定他从打枣的竿梢所得的皮伤,而最直最长的几枝,却已默默地铁似的直刺着奇怪而高的天空,使天空闪闪地鬼䀹眼;直刺着天空中圆满的月亮,使月亮窘得发白。
鬼䀹眼的天空越加非常之蓝,不安了,仿佛想离去人间,避开枣树,只将月亮剩下。然而月亮也暗暗地躲到东边去了。而一无所有的干子,却仍然默默地铁似的直刺着奇怪而高的天空,一意要制他的死命,不管他各式各样地䀹着许多蛊惑的眼睛。
哇的一声,夜游的恶鸟飞过了。 我忽而听到夜半的笑声,吃吃地,似乎不愿意惊动睡着的人,然而四围的空气都应和着笑。夜半,没有别的人,我即刻听出这声音就在我嘴里,我也即刻被这笑声所驱逐,回进自己的房。灯火的带子也即刻被我旋高了。
后窗的玻璃上丁丁地响,还有许多小飞虫乱撞。不多久,几个进来了,许是从窗纸的破孔进来的。他们一进来,又在玻璃的灯罩上撞得丁丁地响。一个从上面撞进去了,他于是遇到火,而且我以为这火是真的。两三个却休息在灯的纸罩上喘气。那罩是昨晚新换的罩,雪白的纸,折出波浪纹的叠痕,一角还画出一枝猩红色的栀子。
猩红的栀子开花时,枣树又要做小粉红花的梦,青葱地弯成弧形了……我又听到夜半的笑声;我赶紧砍断我的心绪,看那老在白纸罩上的小青虫,头大尾小,向日葵子似的,只有半粒小麦那么大,遍身的颜色苍翠得可爱,可怜。
我打一个呵欠,点起一支纸烟,喷出烟来,对着灯默默地敬奠这些苍翠精致的英雄们。 一九二四年九月十五日。</p>
<p>在我的后园,可以看见墙外有两株树,一株是枣树,还有一株也是枣树。
这上面的夜的天空,奇怪而高,我生平没有见过这样奇怪而高的天空。他仿佛要离开人间而去,使人们仰面不再看见。然而现在却非常之蓝,闪闪地䀹着几十个星星的眼,冷眼。他的口角上现出微笑,似乎自以为大有深意,而将繁霜洒在我的园里的野花草上。
我不知道那些花草真叫什么名字,人们叫他们什么名字。我记得有一种开过极细小的粉红花,现在还开着,但是更极细小了,她在冷的夜气中,瑟缩地做梦,梦见春的到来,梦见秋的到来,梦见瘦的诗人将眼泪擦在她最末的花瓣上,告诉她秋虽然来,冬虽然来,而此后接着还是春,蝴蝶乱飞,蜜蜂都唱起春词来了。她于是一笑,虽然颜色冻得红惨惨地,仍然瑟缩着。
枣树,他们简直落尽了叶子。先前,还有一两个孩子来打他们,别人打剩的枣子,现在是一个也不剩了,连叶子也落尽了。他知道小粉红花的梦,秋后要有春;他也知道落叶的梦,春后还是秋。他简直落�
没有合适的资源?快使用搜索试试~ 我知道了~
学习HTML和CSS的笔记.zip
共273个文件
html:105个
css:44个
png:37个
需积分: 1 0 下载量 154 浏览量
2024-01-05
23:18:55
上传
评论
收藏 23.45MB ZIP 举报
温馨提示
学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和CSS的笔记学习HTML和CSS的笔记 学习HTML和CSS的笔记学习HTML和
资源推荐
资源详情
资源评论
收起资源包目录
学习HTML和CSS的笔记.zip (273个子文件)
all.css 136KB
fontawesome.css 111KB
all.min.css 99KB
fontawesome.min.css 79KB
v4-shims.css 41KB
index.css 28KB
v4-shims.min.css 27KB
brands.css 23KB
svg-with-js.css 21KB
brands.min.css 18KB
svg-with-js.min.css 16KB
normalize.css 8KB
normalize.css 8KB
normalize.css 6KB
index.css 5KB
common.css 5KB
index.css 3KB
index.css 3KB
index.css 2KB
meitu.css 2KB
style.css 2KB
v4-font-face.css 2KB
v4-font-face.min.css 2KB
Variables.css 1KB
reset.css 1KB
register.css 1KB
list.css 1KB
Mixins.css 1KB
iconfont.css 1KB
common.css 915B
v5-font-face.css 871B
v5-font-face.min.css 794B
reset.css 686B
regular.css 633B
solid.css 625B
reset.css 596B
regular.min.css 580B
solid.min.css 572B
Parent.css 488B
base.css 464B
Nesting.css 327B
Extend.css 320B
Operations.css 305B
01style.css 63B
icomoon.eot 17KB
banner.gif 956KB
ad2.gif 156KB
c8efcc1338d5.gif@100Q.gif 113KB
ad3.gif 103KB
ad1.gif 97KB
.gitignore 288B
05-超链接.html 16KB
index.html 12KB
index.html 9KB
list.html 7KB
10-表单form.html 6KB
09-表格table.html 5KB
01-像素和视口.html 5KB
07-垂直布局.html 5KB
13-练习京东三级菜单.html 5KB
02-float其他特点.html 4KB
01-html必用的结构标签和DOCTYPE和meta.html 4KB
index.html 4KB
08-京东顶部导航练习.html 4KB
03-语义化标签_标题标签_文本格式化标签.html 4KB
03-动画animation.html 4KB
02-背景二.html 4KB
06-图片.html 3KB
03-弹性容器的样式.html 3KB
04-单位.html 3KB
08-音视频.html 3KB
register.html 3KB
01-相对定位.html 3KB
01-css编写位置及基本用法.html 3KB
01-过渡.html 3KB
06-水平布局.html 3KB
07-文本的其他属性.html 3KB
05-伪类选择器.html 3KB
02-vm.html 3KB
01-弹性盒子简介.html 3KB
04-粘性定位.html 3KB
12-边框和轮廓.html 2KB
05-颜色.html 2KB
02-图标字体.html 2KB
02-自结束标签和字符实体和标签属性.html 2KB
05-淘宝导航练习.html 2KB
07-轮播图练习.html 2KB
04-弹性元素上的样式.html 2KB
11-H5新增input的类型和属性.html 2KB
07-电影卡练习.html 2KB
04-雪碧图.html 2KB
03-边框.html 2KB
08-选择器的权重.html 2KB
02-绝对定位.html 2KB
index.html 2KB
03-关系选择器.html 2KB
01-float简介.html 2KB
03-移动端网页练习.html 2KB
01-常用选择器_元素_id_通配.html 2KB
05-高度塌陷和BFC.html 2KB
共 273 条
- 1
- 2
- 3
资源评论
辣椒种子
- 粉丝: 3321
- 资源: 5724
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于matlab实现用有限元法计算电磁场的Matlab工具 .rar
- 基于matlab实现有限元算法 计算电磁场问题 边界条件包括第一类边界和第二类边界.rar
- 基于matlab实现用于计算不同车重下的电动汽车动力性和经济性.rar
- 基于matlab实现遗传算法求解多车场车辆路径问题 有多组算例可以用.rar
- 浏览器.apk
- 基于matlab实现是一个matlab中的power system 中搭建的一个模型
- 基于JSP毕业设计-教学管理系统(源代码+论文).zip
- 基于JSP毕业设计-家政管理系统-毕业设计.zip
- 基于Python实现淘宝商品评论采集(含逆向)源代码
- 基于matlab实现多目标进化算法NSGAⅡ&Matlab讲解.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功