《超文本标记语言ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学目标：了解和掌握HTML的基本语法规则教学内容：HTML基本标记教学重点和难点：超链接标记、表单标记

2、构标记7.1.1开始与结束标记HTML文档的开始标记是，它告诉浏览器下面的内容是HTML文档；在HTML文档结束处要有对应的标记，它告诉浏览器HTML文档结束了。开始与结束标记语法格式为：这里开始的内容为HTML文档。7.1.2头部标记头部标记语法格式为：HTML文档的头部内容。头部内容里面一般包括标题。7.1.3标题标记标记中间所包含的文字，就是这个Web页面的标题，它

3、写在头部标记之中。标题会显示在Web浏览器最上面的title（标题）栏的位置。用户可以把标题加入书签（Bookmark）中，还可以提供加入列表（Hostlist、Bookmark）的文本，所以一定要使标题标记文本有明确的意义，最好用中文。标题标记语法格式为：7.1.4主体标记标记是Web页面主体的开始，对应结束符号是。Web页面的主要内容都在标记之中。还有一些属性可以设定背景色、背景图形等。主体标记语法格式为：这里是HTML文档

4、的主体内容。7.1.5基本结构举例下面我们以一个简单的例子说明如何用HTML语言来编写Web页面程序的。这里3-1.HTML是一个文本文件，可以用任何编辑软件来编写。如果使用Word编辑软件，保存文件时在“保存类型”中选择“纯文本”。例3-1.HTML，电子商务系统页面。看看电子商务系统页面使用电子商务系统，了解电子商务系统在IE浏览器的地址栏中直接输入要打开的文件名（如G:dzsw3-1.HTML），按回车键或者在IE

5、浏览器菜单[文件]的下拉菜单中选择“打开”命令，在弹出窗口中按[浏览]按钮，通过“搜寻”窗口找到要打开的文件（如G:dzsw3-1.HTML），然后单击[打开]按钮、[确定]按钮，即可在浏览器中看到图7-1所示的页面。图7-1电子商务系统页面7.2文本格式标记7.2.1标题字体从图7-1中可以发现，头部和主体内容连在一起，而且字体大小也一样。HTML语言如何解决这个问题呢？它是通过标题字体来处理的。标题字体可以自动放在指定位置，且显示不同的黑体字。标题字体是通过标记实现的。被

和

6、题字体。从

、

到

，可以依次标注出六个层级的子标题，各子标题的差别在于，标题数字小的标题文字比数字大的标题文字更大、更粗、更显眼。每遇到一个标题，当前段落就会终止，标题前后自动留出一定的空白，文本自动从下一行开始。标题字体语法格式为：标题文字(i=1,…,6)例3-2.HTML，不同的标题字体。

电子商务系统（1号字体）！

电子商务系统（2号字体）！

电子商务系统（3号字体）！

电子商务系统（4号字体）！

电子商务系统（5号字体）

7、！

电子商务系统（6号字体）！