第二章頁面結(jié)構(gòu)實(shí)踐目標(biāo)搭建體育新聞列表網(wǎng)頁制作博客內(nèi)容網(wǎng)頁任務(wù)一：搭建體育新聞列表網(wǎng)頁使用HTML5搭建體育新聞列表網(wǎng)頁的文檔結(jié)構(gòu)。體育新聞列表網(wǎng)頁是以列表形式呈現(xiàn)最新的體育新聞要求頁面頂部包含導(dǎo)航鏈接、新聞標(biāo)題、新聞內(nèi)容預(yù)覽、推薦瀏覽和頁腳導(dǎo)航，使用HTML5的主體和非主體結(jié)構(gòu)標(biāo)簽、文本標(biāo)簽、超鏈接標(biāo)簽來組織頁面結(jié)構(gòu)。頁面結(jié)構(gòu)要清晰合理，標(biāo)簽的使用正確得當(dāng)。創(chuàng)建HTML5頁面，修改頁面標(biāo)題。創(chuàng)建頁面的頂部菜單。創(chuàng)建頁面中部的新聞標(biāo)題。創(chuàng)建頁面的頁腳部分。搭建體育新聞列表網(wǎng)頁搭建體育新聞列表網(wǎng)頁<header><nav><!--省略--></nav></header><section><article><header><!--省略--></header><footer><!--省略--></footer></article><article><!--省略--></article></section><section><!--省略--></section><footer><!--省略--></footer>

網(wǎng)頁導(dǎo)航鏈接新聞1新聞2推薦頁腳搭建體育新聞列表網(wǎng)頁使用HTML5的文檔結(jié)構(gòu)標(biāo)簽、文本標(biāo)簽、超鏈接標(biāo)簽，搭建網(wǎng)頁的文檔結(jié)構(gòu)任務(wù)二：制作博客內(nèi)容網(wǎng)頁使用HTML5的主體結(jié)構(gòu)標(biāo)簽制作博客的內(nèi)容網(wǎng)頁。博客內(nèi)容網(wǎng)頁主要展示博客的正文明細(xì)，整個頁面包括博客頁的頂部標(biāo)題區(qū)、導(dǎo)航鏈接、側(cè)邊欄、博客正文區(qū)、評論區(qū)。使用HTML5的主體和非主體結(jié)構(gòu)標(biāo)簽、文本標(biāo)簽和超鏈接標(biāo)簽組織頁面結(jié)構(gòu)。頁面結(jié)構(gòu)要清晰合理，標(biāo)簽的使用正確得當(dāng)制作博客內(nèi)容網(wǎng)頁使用header標(biāo)簽創(chuàng)建頁面頂部區(qū)域，包含標(biāo)題內(nèi)容。使用nav標(biāo)簽創(chuàng)建頂部區(qū)域的導(dǎo)航鏈接使用article標(biāo)簽創(chuàng)建頁面中部博客正文使用aside標(biāo)簽創(chuàng)建頁面的側(cè)邊欄。使用div標(biāo)簽創(chuàng)建評論區(qū)域內(nèi)容頁面的頂部區(qū)域制作博客內(nèi)容網(wǎng)頁<header><hgroup><!--省略--></hgroup></header><nav><!--省略--></nav>header、hgroup標(biāo)簽創(chuàng)建網(wǎng)頁正副標(biāo)題nav標(biāo)簽創(chuàng)建頁面鏈接正文區(qū)域制作博客內(nèi)容網(wǎng)頁<article>

<header><!--省略--></header>

<section>

<article>

<header><!--省略-->

</article>

<article>

<header><!--省略--></header></article>

</section>

<footer><!--省略--></footer></article>header標(biāo)簽創(chuàng)建文章列表標(biāo)題article標(biāo)簽創(chuàng)建文章1article標(biāo)簽創(chuàng)建文章2foot標(biāo)簽創(chuàng)建頁腳<aside><!--省略--></aside><footer><!--省略--></footer>側(cè)邊區(qū)域和頁腳制作博客內(nèi)容網(wǎng)頁aside標(biāo)簽創(chuàng)建