《HTML5+CSS3网页制作》课件——模块二 HTML5语言基础.pptxVIP

模块二HTML5语言基础任务1文字与段落排版网页制作CSSHTML

知识准备——文字与段落排版实战演练——制作“网页制作规范”网页文字与段落排版0201进阶训练——制作“网络安全小常识”网页03动手实践——制作“淇河文化”网页04

（1）了解HTML5文档格式（2）了解HTML5语法（3）熟悉文本控制元素的使用（4）掌握分隔元素、列表元素的使用学习目标：文字与段落排版

（1）强调技术领域的快速发展，鼓励学生保持好奇心和持续学习的态度，关注HTML5及Web技术的必威体育精装版动态。（2）通过小组合作的形式，让学生体验团队合作完成网页设计的过程，培养团队精神和有效沟通技巧。思政目标：文字与段落排版

21知识准备—HTML5文档格式1知识准备--1.!doctype声明基本语法结构如下：!DOCTYPEhtml2.html元素在html…/html之间的是文档的头部和主体内容3.head元素head…/head一般用于描述浏览器所需的信息，包含了所有的头部元素4.title元素在title…/title之间的文字内容将会出现在浏览器视图顶部的标题栏中，该元素定义HTML文档的标题，title元素位于头部元素区域中。5.body元素body元素用于定义网页显示的主体内容，在body…/body元素之间。

211通过案例2-1演示一个简单的网页文档格式!doctypehtmlhtmlheadmetacharset=utf-8title我的网页/title/headbody我的第一张网页。/body/html知识准备—HTML5文档格式

21知识准备—HTML5语法1知识准备--1.元素不区分大小写HTML5采用宽松的语法格式，元素可以不区分大小写，这是HTML5语法变化的重要体现。2.允许属性值不使用引号在HTML5语法中，属性值不放在引号中也是正确的。例如：inputchecked=atype=checkbox/以上代码是完全符合HTML5规范的，等价于：inputchecked=atype=checkbox/3.允许部分属性值的属性省略在HTML5中，部分标志性属性的属性值可以省略。例如：inputchecked=checkedtype=checkbox/可以省略为：inputcheckedtype=checkbox/

211在HTML5中，可以省略属性值的属性如下表所示。属性描述checked省略属性值后，等价于checked=checkedreadonly省略属性值后，等价于readonly=readonlydefer省略属性值后，等价于defer=deferismap省略属性值后，等价于ismap=ismapnohref省略属性值后，等价于nohref=nohrefnoshade省略属性值后，等价于noshade=noshadenowrap省略属性值后，等价于nowrap=nowraps