1.4.16- HTML之锚点定位

通过创建锚点连接,用户能够快速定位到目标内容,创建锚点连接分为两步:

1.使用<a href= "#id">链接文本</a> 创建链接文本

2.使用相应的id名称标注跳转目标的位置。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    锚点定位适合于较长的页面,我们可以点击某个关键词,从而迅速到达页面中的这个位置。

    <h2>教父目录</h2>
    <img src="God father.jpg" alt="如何成为一个真正的男人" title="给我一个无法拒绝的理由">
    <hr>
    <a href="#">1.剧情简介</a><br>
    <a href="#ana">2.经典语录</a><br>
    <a href="#significance">3.电影意义</a><br>

    <h3 id="plot">剧情简介</h3>
    1945年夏天,美国本部黑手党科莱昂家族首领,教父维托·唐·科莱昂为小女儿康妮举行了盛大的婚礼。维托·唐·科莱昂有三个儿子,好色的长子逊尼,懦弱的次子弗雷德和从二战战场回来的小儿子迈克。其中逊尼是教父的得力助手;而迈克虽然精明能干,却对家族的事业没什么兴趣。 
    维托·唐·科莱昂是黑手党首领,常干违法的勾当。但同时他也是许多弱小平民的保护神,      谋,他发誓报仇,却无计可施。 
    迈克去医院探望父亲,他发现保镖已被收买,而警方亦和素洛佐串通一气。各家族间的火并一触即发。迈克制定了一个计策诱使素洛佐和警长前来谈判。在一家小餐馆内,迈克用事先藏在厕所内的手枪击毙了素洛佐和警长。 
     迈克逃到了西西里,在那里他娶了美丽的阿波萝妮亚为妻,过着田园诗般的生活。而此时,纽约各个黑手党家族间的仇杀却越来越激烈。逊尼也被康妮的丈夫卡洛出卖,被人打得千疮百孔。教父伤愈复出,安排各家族间的和解。听到噩耗的迈克也受到了袭击。被收买的保镖法布里奇奥在迈克的车上装了炸弹。迈克虽幸免于难,却痛失爱妻。 
    迈克于1951年回到了纽约,并和前女友凯结了婚。日益衰老的教父将家族首领的位置传给了迈克。在教父病故之后,迈克开始了酝酿已久的复仇。他派人刺杀了另两个敌对家族的首领,并亲自杀死了谋害他前妻的法布里奇奥。同时他也命人杀死了卡洛,为逊尼报了仇。 
          仇敌尽数剪除。康妮因为丈夫被杀而冲进了家门,疯狂地撕打迈克。迈克冷峻地命把康妮送进了疯人院。他已经成了新一代的教父 。
    <hr>
    <h3 id="ana">经典语录</h3>

    01.巨大财富的背后,都隐藏着罪恶 <br>
    02.让朋友低估你的优点,让敌人高估你的缺点<br>
    03.不要憎恨你的敌人,那会影响你的判断力<br>
    04.To be close to your friend, but closer to your enemy.
    离你的朋友近些,但离你的敌人要更近,这样你才能更了解他<br>
    05.迈克对文森特说:永远别让别人知道心中所想!<br>
    06.我从来没有想过要带给你这些。我工作了一辈子,来养家糊口,我没有道过歉,我不愿意当个傻瓜,可我总是在大人物所牵的绳子上跳舞。我不会道歉的,这就是我的本色,不过我也想到过那一点,我想那时候是你的天下,你就是牵绳子的那个人。科利翁尼参议员,科利翁尼州长。好了,时间不多了,迈克尔。时间不多了!<br>
    07.Only don‘t tell me you‘re innocent. It insults my intelligence, makes me very angry.这个世界本身就没有所谓的清白而言,你能坦言,你从来就没说过慌,这是自欺欺人.<br>
    08.我为自己的家族工作,拒绝成为大人物手下的傀儡<br>
    9.(最经典的)我将给他一个他无法拒绝的理由/条件<br>
    10.一个人只有一个命运。<br>
    <hr>
    <h3 id="significance">电影的意义</h3>
    唯一的恶人是叛徒。永远不要和家族对着干。好在,如果说这个黑道的世界也有一股清流,那便是老教父所遵守的公平和正直,这也就是整部电影矛盾的源头。其他的家族与柯里昂家族之间底线的斗争,也贯穿了老教父一贯的为人传统,只插手博彩行业而绝不贩毒,后面波澜壮阔的故事,都因此而起。电影的第一个镜头,我相信美国,寥寥几个字,但画面却是全黑,而后第一个特写给了这位爱女心切的殡仪馆老板。美国梦,中产阶级在当时社会背景下脆弱暴露无遗,暗点了老教父也是从西西里来到美国白手起家,同时,昭示了未来柯里昂家族将要面临的困局。

</body>
</html>

在浏览器打开如下:

原文地址:https://www.cnblogs.com/Chamberlain/p/11108018.html

时间: 2024-10-21 14:36:02

1.4.16- HTML之锚点定位的相关文章

html中设置锚点定位的几种常见方法(#号定位)

在html中设置锚点定位我知道的有几种方法,在此和大家分享一下: 1.使用id定位: <a href="#1F">锚点1</a> <div id="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111

html 锚点定位

在html中设置锚点定位我知道的有几种方法.在此和大家分享一下: 1.使用id定位: <a href="#1F" name="1F">锚点1</a> <div name="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 &

【TRICK】解决锚点定位向下浮动Xpx问题

1. 问题描述 页面滚动后,菜单栏会固定在页头,当锚点定位时,菜单会遮盖部分定位后的内容,所以需要在锚点定位后自动向下漂移Xpx. 2. 解决办法 a. 设定占位锚点,并给占位锚点设置样式,比如 <a href="#test">hehehe</a> <div style="height:400px;width:100%;background:red;"></div> <div id="test"

锚点定位

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8" /><title>锚点定位</title><style type="text/css"> #thediv,#thediv2,#thediv3,#thediv4 {width:100

Android tabLayout+recyclerView实现锚点定位

原文链接:https://mp.weixin.qq.com/s/L3o2i3WTmg1ScXEYDS8YCg 在上一篇文章 Android 实现锚点定位中,我们介绍了tablayout+scrollView实现的锚点定位,今天我们使用tablayout+recyclerView 来实现同样的效果. 效果图: 实现思路 实现的思路与上一篇文章是一致的: 1.监听recyclerView滑动到的位置,tablayout切换到对应标签 2.tablayout各标签点击,recyclerView可滑动到

微信小程序基于scroll-view实现锚点定位

代码地址如下:http://www.demodashi.com/demo/14009.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1.基本需求. 基于scroll-view实现锚点定位 2.案例目录结构 二.程序实现具体步骤 1.锚点index.wxml代码 a.导航滚动 <!--pages/scrollnav/scrollnav.wxml--

锚点定位跳转的各种实现方法

最近在做webapp时有几个页面,都需要同一个效果:锚点跳转.我认为,在webapp中做锚点跳转,很别扭,网页中比较常见的方法,但是在手机端运用却不合适,那是那个SB的后台,非得让做成那效果.没办法,谁让人家是老员工了. 使用锚点跳转做的静态页面,没有一点问题,但是经过他加的php后,就不跳转了,坑爹的玩意!在调试过程中,找了好多的锚点跳转的方法,写在这里,一起分享: //平滑移动到 想要的位置 $(function() { var mao = $("#" + getParam(&qu

html中设置锚点定位

1.使用id定位: (这样的定位可以针对任何标签来定位. ) <a name="1F" href="#1F">锚点1</a><div id="1F">锚点1内容</div> 2.使用name定位: (使用name属性只能针对a标签来定位,而对其他标签就不能起到定位作用. ) <a href="#5F">锚点5</a> <a name="5F

html中设置锚点定位的几种常见方法

1,使用id定位: <a href="#1F" name="1F">锚点1</a> <div name="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>