HTML5+CSS3移动Web开发实战 单元2 文本新闻浏览网页设计.pptxVIP

单元?2 文本新闻浏览网页设计;实例探析 任务2-1 探析手机搜狐网的名站导航网页 【效果展示】 手机搜狐网的名站导航网页0201.html的浏览效果如图2-1所示。 手机搜狐网的名站导航网页0201.html的主体结构为顶部、中部、底部结构，顶部为标题文本，中部包括多个热点网站的链接按钮和多行分类网站导航链接，底部包括多个导航链接和版权信息。;图2-1　手机搜狐网的名站导航网页0201.html的浏览效果;【网页探析】 1．网页0201.html的HTML代码探析 手机搜狐网的名站导航网页0201.html的HTML代码如表2-1所示。;表2-1　网页0201.html的HTML代码;续表; 网页0201.html的主体结构的HTML代码如表2-2所示。该网页主要包括多个名站的超链接。;2．网页0201.html的CSS代码探析 网页0201.html通用的CSS代码如表2-3所示。; 网页0201.html主体结构的CSS代码如表2-4所示。; 网页0201.html其他部分的CSS代码如表2-5所示。;续表;续表;知识梳理 1．在HTML5中常用的文本标签 （1）details标签与summary标签 details标签用于描述文档或文档某个部分的细节，目前