html基础 a标签 锚点 一个网页中的锚点跳跃 不同网页中的锚点跳跃
2017-02-10 17:31
609 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code-html1:
code-HtmlPage11:
path-HtmlPage11:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我是跟着 传智播客的PHP基础视频_html+css+js 视频教程学习的,推荐。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code-html1:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <!--锚点链接 字母开头 可以包含字母,数字,下划线 不需要有内容--> <!--step1 做个记号 step2 跳转到锚点 --> <!--锚点 同一网页 #锚点 不同网页 相对路径#锚点 --> <a name="top"></a> <p> 晋太元中,武陵人捕鱼为业。<br /> 缘溪行,忘路之远近。<br /> 忽逢桃花林,夹岸数百步,中无杂树,芳草鲜美,落英缤纷,渔人甚异之。<br /> 复前行,欲穷其林。<br /> 林尽水源,便得一山,山有小口,仿佛若有光。<br /> 便舍船,从口入。初极狭,才通人。复行数十步,豁然开朗。<br /> 土地平旷,屋舍俨然,有良田美池桑竹之属。<br /> 阡陌交通,鸡犬相闻。<br /> 其中往来种作,男女衣着,悉如外人。<br /> 黄发垂髫,并怡然自乐。<br /> 见渔人,乃大惊,问所从来。<br /> 具答之。便要还家,设酒杀鸡作食。<br /> 村中闻有此人,咸来问讯。自云先世避秦时乱,率妻子邑人来此绝境,不复出焉,遂与外人间隔。问今是何世,乃不知有汉,无论魏晋。此人一一为具言所闻,皆叹惋。余人各复延至其家,皆出酒食。停数日,辞去。此中人语云:“不足为外人道也。” 既出,得其船,便扶向路,处处志之。及郡下,诣太守,说如此。太守即遣人随其往,寻向所志,遂迷,不复得路。 南阳刘子骥,高尚士也,闻之,欣然规往。未果,寻病终,后遂无问津者。 </p> <a href="#top">返回顶部</a><!--同网页的锚点跳转--> <a href="website/HtmlPage11.html#bottom">返回另一网站的锚点</a><!--不同网页的锚点跳转--> </body> </html>
code-HtmlPage11:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head> <body> <p> 庆历四年春,滕子京谪守巴陵郡。越明年,政通人和,百废具兴。乃重修岳阳楼,增其旧制,刻唐贤今人诗赋于其上。属予作文以记之。 予观夫巴陵胜状,在洞庭一湖。衔远山,吞长江,浩浩汤汤,横无际涯;朝晖夕阴,气象万千。此则岳阳楼之大观也,前人之述备矣。然则北通巫峡,南极潇湘,迁客骚人,多会于此,览物之情,得无异乎? 若夫淫雨霏霏,连月不开,阴风怒号,浊浪排空;日星隐曜,山岳潜形;商旅不行,樯倾楫摧;薄暮冥冥,虎啸猿啼。登斯楼也,则有去国怀乡,忧谗畏讥,满目萧然,感极而悲者矣。 至若春和景明,波澜不惊,上下天光,一碧万顷;沙鸥翔集,锦鳞游泳;岸芷汀兰,郁郁青青。而或长烟一空,皓月千里,浮光跃金,静影沉璧,渔歌互答,此乐何极!登斯楼也,则有心旷神怡,宠辱偕忘,把酒临风,其喜洋洋者矣。 嗟夫!予尝求古仁人之心,或异二者之为,何哉?不以物喜,不以己悲;居庙堂之高则忧其民;处江湖之远则忧其君。是进亦忧,退亦忧。然则何时而乐耶?其必曰“先天下之忧而忧,后天下之乐而乐”乎?噫!微斯人,吾谁与归? 时六年九月十五日。 </p> <a name="bottom"></a> </body> </html>
path-HtmlPage11:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我是跟着 传智播客的PHP基础视频_html+css+js 视频教程学习的,推荐。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
相关文章推荐
- HTML 圆心节点
- html基础 href标记 mailto协议 点击启动本地发邮件的软件
- html基础 href标记 mailto协议 点击启动本地发邮件的软件
- html基础 href标记 浏览器打不开的文件,出现下载保存提示框
- html基础 href标记 浏览器打不开的文件,出现下载保存提示框
- html基础 href标记 在新的窗口中打开新的链接 以相对路径打开上一级文件夹中的文件
- html基础 href标记 在新的窗口中打开新的链接 以相对路径打开上一级文件夹中的文件
- html基础 img标记 设置图片与上下/左右之间的距离
- html基础 img标记 设置图片与上下/左右之间的距离
- html基础 设置img的align属性,left,right 实现图文混排的效果
- html基础 设置img的align属性,left,right 实现图文混排的效果
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- HTML(三):表单元素
- 【特效】挺不错的一个轮播图
- 第12节 html创建热点区域 链接
- C#将图片字节流转为Base64直接放入html的img标签src属性中
- CSDN-markdown编辑器语法——字体、字号与颜色
- 第11节 html文本建立超链接、跳转
- 第十节 html网页中使用图片