第2章HTML5页面元素及属性.pptx

第2章HTML5页面元素及属性.pptx

ID:61669124

大小:3.23 MB

页数:36页

时间:2021-03-09

第2章HTML5页面元素及属性.pptx_第1页
第2章HTML5页面元素及属性.pptx_第2页
第2章HTML5页面元素及属性.pptx_第3页
第2章HTML5页面元素及属性.pptx_第4页
第2章HTML5页面元素及属性.pptx_第5页
资源描述:

《第2章HTML5页面元素及属性.pptx》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、让IT教学更简单,让IT学习更有效第二章HTML5页面元素及属性结构元素页面交互元素全局属性分组元素文本层次语义元素2.4页面交互元素2.1列表元素2.3分组元素目录2.2结构元素2.5文本层次语义元素2.6全局属性2.7阶段案例——制作电影影评网2.1列表元素1ul元素2ol元素3dl元素知识引入4列表的嵌套应用2.1知识点讲解无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,通常是并列的。定义无序列表的基本语法格式如下:1、ul元素

  • 列表项1
  • 列表项2
  • 列表项3
  • 2、......

2.1知识点讲解有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列,例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。定义有序列表的基本语法格式如下:2、ol元素
  1. 列表项1
  2. 列表项2
  3. 列表项3
  4. ......
2.1知识点讲解定义列表常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。其基本语法如下:3、dl元素
名词1
名词1解释1
名词1解释2
...
名词

3、2

名词2解释1
名词2解释2
...
2.1知识点讲解在网上购物商城中浏览商品时,经常会看到某一类商品被分为若干小类,这些小类通常还包含若干的子类。同样,在使用列表时,列表项中也有可能包含若干子列表项,要想在列表项中定义子列表项就需要将列表进行嵌套。4、列表的嵌套应用2.2结构元素1header元素2nav元素3article元素知识引入4aside元素5section元素6footer元素2.2知识点讲解HTML5中的header元素是一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容。其基

4、本语法格式如下:1、header元素

网页主题

...
2.2知识点讲解nav元素用于定义导航链接,是HTML5新增的元素,该元素可以将具有导航性质的链接归纳在一个区域中,使页面元素的语义更加明确。例如下面这段示例代码:2、nav元素2.2知识点讲解article元素代表文档、页面或者应用程序中与

5、上下文不相关的独立部分,该元素经常被用于定义一篇日志、一条新闻或用户评论等。article元素通常使用多个section元素进行划分,一个页面中article元素可以出现多次。3、article元素2.2知识点讲解aside元素用来定义当前页面或者文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。aside元素的用法主要分为两种:被包含在article元素内作为主要内容的附属信息。在article元素之外使用,作为页面或站点全局的附属信息部分。4、aside元素2.2知识点讲解section元素用于对

6、网站或应用程序中页面上的内容进行分块,一个section元素通常由内容和标题组成。在使用section元素时,需要注意以下3点:不要将section元素用作设置样式的页面容器,那是div的特性。section元素并非一个普通的容器元素,当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div。如果article元素、aside元素或nav元素更符合使用条件,那么不要使用section元素。没有标题的内容区块不要使用section元素定义。5、section元素2.2知识点讲解footer元素用于定义一个页面或者区域的底部,它可以包含所有通常放在页面底部的内容

7、。在HTML5出现之前,一般使用

标记来定义页面底部,而通过HTML5的footer元素可以轻松实现。6、footer元素2.3分组元素1figure和figcaption元素2hgroup元素知识引入2.3知识点讲解figure元素用于定义独立的流内容(图像、图表、照片、代码等等),一般指一个单独的单元。figure元素的内容应该与主内容相关,但如果被删除,也不会对文档流产生影响。figcaption元素用于为figure元素组添加标题,一个figure元素内最多允许使用一个figcaption元素,该元素应该放在fi

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签