用上次L1作業(yè)的文檔地址作為分析頁面：
http://www.itdecent.cn/p/0c007dbbf728
L1作業(yè)頁面
先看網(wǎng)頁結(jié)構(gòu)
網(wǎng)頁結(jié)構(gòu)
網(wǎng)頁的四個部分
<!DOCTYPE html> 這是說瀏覽器支持IE6-9？
<html>...</html>文檔起終點(diǎn)
<head>...</head>文檔頭部
<body>...</body>文檔主體
<head>部分
必須的包含的<title>元素：
head的title元素
<body>部分
body內(nèi)容比較多，上張結(jié)構(gòu)圖看起來清晰點(diǎn)：
body.png
然后是各個元素的位置信息：
全局頂部導(dǎo)航欄.png
title.png
作者區(qū)域.png
文章內(nèi)容.png
頁腳的專輯名稱和版權(quán)信息.png
關(guān)注的作者信息.png
贊賞作者區(qū).png
底部喜歡分享區(qū).png
評論區(qū).png
側(cè)邊欄.png
最下面灰色區(qū)域的收入專題.png
最下面灰色區(qū)域的推薦專題.png
然后查看了下元素id屬性，
在查看器搜索id，出現(xiàn)35個id，大部分在head里面。還有在文檔的網(wǎng)頁里面。這里選取一個參考。
id屬性.png
最下面能看到樹狀索引。
樹狀索引.png
L2還有部分內(nèi)容需要消化，html基礎(chǔ)知識還要補(bǔ)起來。
之后繼續(xù)補(bǔ)充。。。
