一、效果图:
要求:有具体的网页布局之后,使用链接到同一界面的不同位置
具体代码如下:
<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中的列表,表格常用标签以及常用链接方式