第8讲 HTML(一).pptVIP

提出问题：浏览器的作用是什么？没有浏览器能否上网浏览信息？ 这些被标记的信息发布在Web服务器上，当用户访问这些文件时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示被标记的内容，而HTML的标记符号并不显示在屏幕上。 浏览器翻译 由此可以看出，浏览器的基本功能是对Web服务器上的网页进行显示。 静态网页和动态网页 网页按其表现形式有静态网页和动态网页之分： 静态网页：网页文件里没有程序代码，只有HTML标记，这种网页文件的后缀为.htm或.html。静态网页一经制成，内容就不会变化，不管何时何人访问显示的内容都是一样的，如果要修改就必须修改源代码。 动态网页 ：网页文件里不仅含有HTML标记，而且含有程序代码，网页的后缀一般根据不同的程序设计语言来定，如ASP文件的后缀为.asp，JSP文件的后缀为.jsp。动态网页可以根据不同的时间、不同的访问者而显示不同的内容。如常见的BBS、聊天室等就是用动态网页实现的。 HEAD …/HEAD标记 网页头部标记。HEAD与/HEAD之间的内容为整个文件的头部信息，如网页的标题、预定义变量等。 TITLE …/TITLE标记 网页标题，TITLE之间的文字显示在浏览器标题栏上。TITLE标签应包含在HEAD之中。 BODY …/BODY标记 网页的主体内容写在BODY之中。 1、换行标记br 在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转至下一行，设计者对于自己需要换行的地方应加上换行标记br。 演示：去掉任务中br标记后的浏览效果。 2、段落标记P …/P 段落与段落之间显示一空行。 /P是可以省略的，下一个P的开始就是上一个P的结束。 align属性：指明段落的对齐方式，有三种值：center、left、right。 演示：在任务中为P标记加上属性后的浏览效果 3、保留格式标记pre…/pre 如果想直接依照HTML中原编排格式显示内容，可以用保留格式标记。 演示：去掉任务中pre标记后的浏览效果。 4、标题标记Hn…/Hn HTML网页中的标题分为6级： H1…/H1一级标题。字体最大 H2…/H2二级标题。 H3…/H3三级标题。 H4…/H4四级标题。 H5…/H5五级标题。 H6…/H6六级标题。字体最小 其常用属性有：ALIGN=LEFT/CENTER/RIGHT 演示：在任务中演示6级标题的浏览效果。 用HTML语言编写如下图效果的网页。 5、字体格式设置标记font…/font （1）设置字体大小 font size=1/2/3/4/5/6/7…/font （2）字体颜色的设置 在HTML中一般使用16进制的数据代表颜色，也可使用blank、red、blue、grey、silver等单词。 font color=#…/font 例： font color=red…/font font color=#FF0000…/font （3）设置字体 font face=字体…/font 例： font face=楷体_GB2312…/font font size=2 color=#FF0000 face=楷体_GB2312中国/font 6、字形设置标记 b…/b:加粗 i…/i:斜体 u…/u:加下划线 sup…/sup:设为上标 sub…/sub:设为下标 用HTML语言编写如下图效果的网页。 用HTML语言编写如下图效果的纺院信息系介绍网页。（文件名：HTML实训1.HTM） 完成后交到“第5次”作业文件夹。 * HTML语言 当我们在网上浏览网页时，基本工作过程如下：用户连接到Internet后，在浏览器地址栏中输入地址（实际是对应于一个网页）并回车，这个请求被浏览器通过通信介质传送到网页所在的Web服务器，服务器作出响应，再通过通信介质把网页传送到用户的计算机，由浏览器进行显示。当用户在网页中操作时，如单击超链接，这种请求又会传送到相应的服务器，由服务器作出响应。 课程引导 知识技能目标 （1）了解网页的本质和浏览器的作用 。 （2）掌握HTML语言的基本语法。 （3）掌握常用的HTML标记的含义及其应用。 HTML语言用来描述Web页面文档的语言，它不是一种编程语言，而是一种页面描述性标记语言。HTML使用一些规定的标记（也叫标签）对网页上的各种信息进行标记，告诉浏览器应该做什么。比如： b