HTML网页设计作业

一、效果图：

要求：有具体的网页布局之后，使用链接到同一界面的不同位置

具体代码如下：

<h2>楚乔传</h2>
    <div>中国大陆（67集）TV版/（58集）DVD版</div>
    <div>《楚乔传》是由吴锦源执导，嘉纹、杨涛、陈岚、赵娜编剧，赵丽颖、林更新、窦骁、李沁、王彦霖等主演的的女性励志传奇古装剧。该剧改编自潇湘冬儿小说《11处特工皇妃》，讲述了故事发生在大分裂时代的北朝西魏。
    </div>
    <div><img src=C:\Users\Desktop\实训关卡01\素材\images\1.jpg></div>
    <span>第一集</span>
    <a href="#第二集(分集以TV版为准)">第二集</a>
    <a href="#第三集(分集以TV版为准)">第三集</a>
    <span>第四集</span>
    <span>第五集</span>

    <div>第一集（分集以TV版为准）</div>
    <div>   
      <b>第1集</b>  
       摇摇晃晃的囚车上，一名少女正在闭目沉睡。梦境里皆是血雨腥风，恍恍惚惚中，她只记得有人唤她楚乔，又有人叫她荆小六。她不知道自己从哪里来，又将去往何方，前路茫茫。囚车里传来低低的啜泣声，楚乔从梦境里回过神来。周遭都是一片陌生，有一个自称卷毛头的小姑娘听得楚乔肚子咕咕叫，便将自己藏着的窝头分了一半给她。楚乔告诉卷毛头，自己叫做荆小六，卷毛头便唤她小六姐姐。女奴们被带往围场。
         ...</div>

        <a name="第二集(分集以TV版为准)">第二集(分集以TV版为准)</a>
        <div>
         <b>第2集</b>
         ...</div>

        <a name="第三集(分集以TV版为准)">第三集（分集以TV版为准）</a>
        <div>
         <b>第3集</b>
        　　...</div>

使用了锚链接的方法，让链接的页面与主页面在一个页面内。例：点击第二集，页面跳转到第二集

二、HTML中的列表，表格常用标签以及常用链接方式