网页制作及应用（第二版）潘明寒电子教案 网页 二版 第5章.PPTVIP

5.1 HTML 简介 1. 一个HTML举例 * 网页制作及应用 第五章 网页设计语言 HTML 本章学习目标 1. HTML的概念 2. HTML的语法与结构 3. HTML的各种标签及其属性 4. 用HTML制作简单网页 HTML（Hypertext Markup Language）称为超文本标记语言，是制作网页的基础，它把一台计算机中的文本或图形与其他计算机中的文本或图形方便地联系在一起，形成有机的整体。 HTML文件是纯文本文件，用Windows的记事本或写字板编辑，保存时文件扩展名为 .htm或 .html。 HTML文件不需要编译，由浏览器解释执行。所有脚本需要都嵌入到HTML文件中。 第一步：打开Windows的记事本。第二步：输入下面代码html head title HTML网页设计教程 /title /head body 你好! 欢迎浏览本网页！/body /html 第三步：以sample.htm为文件名保存文件并关闭该文件。第四步：双击sample.htm文件，浏览器会自动执行它。 5.2 HTML文档一般标签 1．HTML文档以html开始，html和/html成对出现，所有其他标签和元素都放在它们之间。 2．head是网页的头部标签，head与/head之间通常包括title标签和meta标签，是整个文档的头部信息，不在浏览器屏幕显示。 3．title用来设置文档标题，显示在窗口标题栏上。title中不能包含其他标签。 4．meta标签是单标签，提供网页关键字、文档解码方式等信息，便于搜索引擎搜索信息。 5．body和/body之间是网页主体内容。在body标签中可以规定整个文档的一些基本属性，如：背景色（bgcolor）、文字颜色（text）、背景图像（background）。 6．所有标签不得交叉。 5.3 文本标签 1.常用文本标签符 （1）br，单标签，插入回车符 。 （2）Hi，双标签，其中i是1～6中某个数字 ，用黑体显示标题文字。 （3）p，双标签，划分段落，也可以单独使用 。 （4）Hr ，单标签，换行并在该行下面画一条水平直线。 （5）pre，双标签，被标签括起来的内容原样显示。 （6）b，双标签，使文字加粗。 （7）i，双标签，使文字显示为斜体 。 （8）u，双标签，使文字带下划线 。 2.滚动字幕标签 marquee和/marquee实现文字和图片滚动，marquee标签有以下几个常用属性： （1）derection属性，指定文字移动方向，属性值有：left、right、up、down。默认向左滚动。 （2）behavior属性，指定文字移动方式，属性值有：scroll、 slide、 alternate，分别表示文字一圈一圈的绕着走、只走一次、来回走动。默认scroll。 （3）loop属性，指定循环次数，若不指定循环次数，则循环不止。 （4）scrollamount属性，指定文字移动的速度。 （5）bgcolor属性，指定文字背景色。 3.文本格式控制标签 font是双标签，用来定义文本的字体、字号和字的颜色，如果不使用font标签，则文本将按照body标签的文本属性值显示，或按默认值显示。font标签有以下3个属性： （1）face，定义字体，默认宋体。 （2）size，定义字大小，取值范围1～7，默认3，可以用加号和减号设置相对值。 （3）color，定义字颜色，默认黑色。 5.4 列表标签 列表用于条理性的显示信息，常用列表有3种格式：无序列表，有序列表和定义列表。 （1）有序列表 对网页中的内容进行编号排列。在HTML中插入有序列表通过标签ol和li实现，标签ol和/ol之间的内容是有序列表的内容，列表的每一项必须包括在标签li和/li之间。 有序列表的语法格式如下： 　　ol 　 li列表项1/li 　　　li列表项2/li 　　　…… li列表项n/li /ol （2）无序列表 无序列表是指列表内容顺序任意的排列。与有序列表不同的是，每一列表项前不是用编号开始，而用一个项目符号开始，项目符号默认是一个圆点。无序列表与有序列表实现方法相似，只要将标签ul代替有序列表中的ol即可。 无序列表的语法格式如下： 　　ul