超文本标识语言HTML.pptVIP

第3章 超文本标识语HTML 本章学习目标 掌握HTML文件的基本结构。 掌握HTML文件中常用标签的作用。 会用HTML中常见的标签命令编写简单的网页。 3.1 HTML的基本结构 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标记语言”，它是一种专门用于创建web超文本文档的结构语言，它能告诉Web浏览程序如何显示Web文档（即网页）的信息，如何链接各种信息。使用Html语言可以在其生成的文档中含有其他文档，或者含有图像、声音、视频等，从而形成超文本、超媒体文档。 Html文件是加入了许多被称为“标签”的特殊字符串的文本文件，用标注文档或给文档添加标签，使得文档可以在Web浏览器中显示。用它编写的文件(文档)的扩展名是.html或.htm。可以使用各种文本编辑工具（如记事本、写字板）来编写Html文件。 HTML文件的结构由“控制语句”和“显示内容”两部分组成。控制语句描述了显示内容以何种形式展示给使用者，并负责客户机与服务器之间的信息交换。控制语句以“标签”的形式出现。 3.1.1 HTML的标签结构 在HTML中，所谓标签，指的是对于元素内容进行控制的符号，其具体形式是用一对尖括号“＜＞”括起来的字符串。HTML使用标签来告诉Web创浏览器如何对文本进行格式化和显示。如何对网页元素进行分割和标记，以形成文本的布局、文字的格式及五彩缤纷的画面。 3.1.1 HTML的标签结构 1．单标签 只需单独使用就能完整地表达意思的标记称为“单标签”，这类标记的语法是： 标签名称 最常用的单标签是BR, 它表示换行。 2．双标签 另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： 标签 内 容 /标签 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想对某段文字以粗体字显示，就将此段文字放在B /B标记中： B第一：/B 3.1.1 HTML的标签结构 3．标签属性 许多单标记和双标记的始标签内可以包含一些属性， 其语法是： 标签名字 属性名=属性名对应的的选择值 [ … ] 一个标签可以有多个属性，各属性之间无先后次序，属性也可省略（即取默认值），例如单标记HR表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。也可以带一些属性，如： HR SIZE=3 ALIGN=LEFT WIDTH=75% 其中SIZE属性定义线的粗细，属性值取整数，缺省值为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对双引号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是100%。 3.1.1 HTML的文件结构和命令分类 1. HTML的文件结构 一个HTML文档，通常由两部分组成：即标头区（head）和主体区（body）。 标头区（head）：用于存放该HTML文档的属性内容，即该页面的序言，一般情况下，此处都包含有Web页面的标题（Title）； 主体区（body）：定义Web页面的具体内容。 3.1.1 HTML的文件结构和命令分类 一个HTML文档的基本结构如下例所示： html head title这里是网页的标题/title /head body 这里是网页的正文…… /body /html 其中HTML在最外层， 表示这对标记间的内容是HTML文档。HEAD 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。BODY 标记一般不省略， 表示正文内容的开始。 3.1.1 HTML的文件结构和命令分类 2．常用的HTML标签种类 HTML标签的命令种类繁多，常用HTML标签命令可分为以下几种类型： 文件结构命令 文字版面编辑命令 链接命令 列表命令 表格命令 表单命令 图像命令 框架命令 3．2 常用的HTML标签命令 3.2.1 文件结构命令 文件结构命令用来标记出HTML文件的结构，常用的文件结构命令有： html/html head/head title/title body/body 3．2 常用的HTML标签命令 3.2.2 文字版面编辑命令 文字版面编辑命令用来将HTML文件中的文字以特定的格式显示。常用的文字版面编辑命令有： 标题标签：