网页设计与制作教程Web前端开发（第7版）课件：HTML5的块级元素-基本块级元素.pptx

基本块级元素包括标题标签、段落元素和水平线元素等。HTML5的块级元素基本块级元素

目录块级元素2.1基本块级元素2.2列表元素2.3表格元素table2.4表单2.5分区元素div2.6缩排元素blockquote2.7实训—制作精选信息板块习题2

2.1基本块级元素2.1.1标题元素hl～h6标题（heading）元素的格式为：hn标题文字/hnn指定标题文字的大小，n取1～6之间的值。【例2-1】列出HTML中的各级标题，本例文件2-1.html在浏览器中显示的效果，如图2-1所示。

!DOCTYPEhtmlhtmlheadmetacharset=utf-8title标题示例/title/headbodyh1nbsp;nbsp;HTML5概述（一级标题）/h1h21.1nbsp;nbsp;Web的基本概念（二级标题）/h2h31.1.1nbsp;nbsp;WWW（三级标题）/h3h41.HTML的发展（四级标题）/h4h5（1）HTML1.0（五级标题）/h5h61）最早是HTML1.0（六级标题）/h6/body/html2.1基本块级元素

2.1.2段落元素p和换行元素br段落标签的格式为：p段落文字/p换行标签的格式为：br【例2-2】列出包含p标签的多种属性，本例文件2-2.html在浏览器中显示的效果如图2-2所示。2.1基本块级元素

!DOCTYPEhtmlhtml head metacharset=utf-8 title段落、换行示例/title /head body h31.1.1nbsp;nbsp;Web服务器/h3 pWeb服务器也称为WWW（WorldWideWeb）服务器，一般指网站服务器， WWW是Internet的多媒体信息查询工具，是Internet上发展最快和目前用得 最广泛的服务。br正是WWW工具使得近年来Internet迅速发展， 且用户数量飞速增长。/p pnbsp;nbsp;nbsp;nbsp;Web服务器的主要功能是提供网上信息浏览 服务。brWeb服务器可以解析HTTP，当Web服务器接收到一个HTTP请 求时，会返回一个HTTP响应，这样浏览器等Web客户端就可以从服务器上获取 网页（HTML），包括CSS、JS、音频、视频等资源。/p /body/html2.1基本块级元素

2.1.3水平线元素hr水平线标签的格式为：hr【例2-3】水平线元素的基本用法，本例文件2-3.html在浏览器中显示的效果如图2-3所示。2.1基本块级元素

!DOCTYPEhtmlhtml headmetacharset=utf-8 titlehr标签示例/title /head body phr标签定义水平线：/p hr p这是段落。/p hr p这是段落。/p hr p这是段落。/p /body/html2.1基本块级元素

2.1.4注释元素注释标签的格式为：!--注释内容--【例2-4】注释示例。本例文件2-4.html在浏览器中显示的效果如图2-4所示。2.1基本块级元素

!DOCTYPEhtmlhtmlheadmetacharset=utf-8title注释示例/title/headbody!--这是一段注释，不会在浏览器中显示。--pHTML是制作网页的基础语言，是初学者必学的内容。/pscripttype=text/javascript/*functiondisplayMsg(){alert(HelloWorld!)}*//script/body/html2.1基本块级元素

祝贺你又学完了一节《网页设计与制作教程Web前端开发第7版》