回顾HTML的锚点链接和其他

href=“id的名称”再将要跳转的地方设置id名称即可。

   <div id="root">
    <!-- 标题和内部链接 -->
    <h1>圣诞节的起源</h1>
    <a href="#things" >圣诞节的那些事</a><br>
    <!-- 内部链接 
    就是href="id名称"-->
    <a href="#oldman">圣诞老人的由来</a><br>
    <a href="#tree">圣诞树的起源</a><br>
    <h2 id="things">圣诞节的那些事</h2>
        <p>圣诞节源自古罗马人迎接新年的农神节，与基督教本无关系。在基督教盛行罗马帝国后，
            教廷将这种民俗节日纳入基督教体系，同时以庆祝耶稣的降生。但在圣诞节这天不是耶稣的生辰，
            因为《圣经》未记载耶稣具体出生时间，同样没提到过有此种节日，是基督教吸收了古罗马神话的结果。
        </p>
        <P>
            圣诞节是西方传统节日，也是许多西方国家一年中最重要的节日。每年这一天，欢快的圣诞歌在大街小巷飘扬，
            商场里流光溢彩，琳琅满目，到处弥漫着温馨欢乐的气息。孩子们在甜美的梦乡中，盼望着圣诞老人从天而降，
            带来梦寐以求的礼物。
        </p>
        <img src="image/li01img/shengdan.jpg" alt="">
        <h2 id="oldman">圣诞老人的由来</h2>
        <p>圣诞老人来源于西方的民间传说，相传圣诞老人叫做圣·尼古拉，他是位善良、慷慨、
            对孩子们非常好的有钱人。尼古拉的家庭很富有，父母都是基督徒，
            尼古拉在父母去世后，把财产都捐给了贫穷的人，自己加入教会，终身为社会服务。</p>
            <p>后来，尼古拉做了神父，升到了主教，在他死后，人们称他为圣徒，是一位穿着红袍，头戴红帽的白胡子老人。
                尼古拉的一生总是喜欢在暗中帮助穷苦人民，慢慢的圣诞老人就成为了人们对他的爱称。</p>
                <img src="image/li01img/sdlr.jpg" alt="">
        <!-- 跳转到一个新的页面 -->
        <h2 id="tree">圣诞树的起源</h2>
        <p>圣诞树，是指用灯烛和装饰品把枞树或洋松装点起来的常青树。作为是圣诞节重要的组成元素之一，
            近代圣诞树起源于德国，后来逐步在世界范围内流行起来，成为圣诞节庆祝中最有名的传统之一
            据说圣诞树最早出现在古罗马12月中旬的所谓农神节。
            现在通常人们在圣诞前后把一棵常绿植物如松树弄进屋里或者在户外，并用圣诞灯和彩色的装饰物装饰。
            并把一个天使或星星放在树的顶上。
            2019年11月，大阪USJ推出冬季圣诞树，连续九年刷新
            <p>
                <a href="https://www.guinnessworldrecords.cn/" target="_blank">吉尼斯世界纪录</a>
                <!-- 设置一个新的窗口给这个链接 -->
            </p> 。
            </p>
            <img src="image/li01img/sdtree.jpg" alt="">
        </div>

设置a链接居中是先将a设置成块元素在设置文字居中就可以了

a{
    /* 链接a元素居中先改成快元素再设置居中 */
    display: block;
    text-align: center;