1.4.16- HTML之锚点定位

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

1.使用链接文本 创建链接文本

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

代码如下:

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
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>

在浏览器打开如下:

1.4.16- HTML之锚点定位_第1张图片

 

转载于:https://www.cnblogs.com/Chamberlain/p/11108018.html

你可能感兴趣的:(1.4.16- HTML之锚点定位)