HTML5+CSS3+JavaScript+Bootstrap网站开发实用技术（第3版）课件 第2章 静态网页制作—使用HTML技术.pptx

第2章静态网页制作—使用HTML技术HTML概述1HTML基本标记2多媒体3超链接4表单5表格6内嵌框架7小结

2.1HTML概述HTML简介HTML含义HTML，超文本标记语言，是用于描述网页文档的一种标记语言。HTML历史W3CREC:1996.4HTML3.2W3CREC:1997.12HTML4.0W3CREC:1999.12HTML4.012012年12月定稿HTML5

H5+CSS3+JS+BS网站开发实用技术

HTML5HTML5是开放的Web网络平台的奠基石HTML5是包括HTML、CSS和JS在内的一套技术组合减少浏览器对于需要插件的丰富性网络应用服务提供更多能有效增强网络应用的标准集HTML5强化了Web网页的表现性能追加了本地数据库等Web应用的功能

2.1HTML概述用记事本创建一个HTML文件实例HTML文档结构与书写规范HTML文档结构如下。htmlhead……/headbody……/body/htmlHTML文档文档头文档体

2.1HTML概述标记用于描述功能的符号称为“标记”，也称标签。标记必须用尖括号“”括起来，比如html、head等。多数标记必须成对出现，以开头无斜杠的标记开始，以有斜杠的标记结束。标记还可以嵌套使用。属性与标记有关的特性称为属性，每个属性总是对应一个属性值，将其称为“属性/值”对。

HTML的颜色表示英文名称表示，例如，blue、red用16进制的数值表示RGB的颜色值RGB的颜色的表示方式为#rrggbb。其中红、绿、蓝三色对应的取值范围都是00到FF，如白色的RGB值（255,255,255），用#ffffff表示；黑色的RGB值（0,0,0），用#000000表示。

2.1HTML概述HTML文件的书写规范标记要用尖括号括起来成对出现标记可嵌套标记和属性名不区分大小写空格或回车在代码中都无效标记中不要有空格属性值用双引号或单引号括起来。

2.1HTML概述建立HTML文件过程实例

2.2HTML基本标记2.2.1标题标记标题文字标记hn标题（Heading）。通过h1~h6等6对标记进行定义的。h1定义最大的标题，h6定义最小的标题。

2.2HTML基本标记2.2.2段落与换行换行标记br另起一行，可使用换行标记br/段落标记p合理的使用段落会使文字的显示更加美观，要表达的内容也更加清晰。专门的段落标记p。

2.2HTML基本标记2.2.3块标记divspandiv和span标记的作用都是用于定义页面内容的容器块标记本身没有具体的显示效果标记的显示效果由style属性或CSS来定义。

2.2HTML基本标记2.2.4列表列表可以对网页文字进行更好的布局和定义。HTML中有3种列表形式：有序列表、无序列表和自定义列表。有序列表无序列表自定义列表

有序列表ol有序列表是一个项目的序列，各项目前标有数字表示顺序。语法格式如下。oltype=start=li列表信息/lili列表信息/lili列表信息/li……/ol属性值说明1数字1、2……a小写字母a、b……A大写字母A、B……i小写罗马数字i、ii、iii……I大写罗马数字I、II、III……有序列表Type属性及说明demo0205.html

无序列表ul无序列表也是一个项目的序列，不用数字而采用一个符号标志每个项目。无序列表的语法格式如下。ultype=li列表信息/lili列表信息/lili列表信息/li……/ul属性值说明disc实心圆点（默认）circle空心圆圈square方形无序列表Type属性值及说明demo0206.html

自定义列表dl自定义列表不是一个项目的序列，它是一系列项目和它们的解释。自定义列表以dl标记开始，自定义列表项目以dt开始，自定义列表的解释以dd开始。自定义列表的语法格式如下。dldt名称dd说明dt名称dd说明dt名称dd说明……/dldemo0207.html

2.2HTML基本标记HTML5新增的结构元素articlesectionnavasideheaderfooter

2.3多媒体多媒体包括文字、图片、声音和动画等。文字在元素中占有重要地位，但是图片、声音和动画也是不可缺少的，因为在网页中最能体现其特色效果的正是这些元素。

2.3多媒体2.3.1图像标记img使用img标记向网页中嵌入一幅图像也可以使用CSS设置成某元素的背景图像。属性名说明src图像地址title/alt添加图像的替代文字width/height设置图像宽度/高度border设置图像边框align设置图像对齐方式标记img的常用属性

2.3多媒体img标记示例demo0212.html

2.3.2多媒体文件标记embed插入音频和视频文