第二章 HTML基础.pptVIP

第二章 HTML基础 本章的主要内容 2.1 HTML基础 2.2 HTML的标记 2.3 设置页面属性 2.4 文字修饰 2.5 文本分段 2.6 列表 2.7 表格 2.8 表单 2.1 HTML基础 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，最早源于SGML语言（Standard General Markup Language，标准通用化标记语言），是由Web页面的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种新颖的标记式语言，它是SGML的应用。到90年代后期，由于网络的飞速发展，使得HTML也达到了空前的繁荣，在WWW革命中扮演了核心技术的角色。 如何编写一个HTML文件 1 HTML的文件格式 HTML文件是一个ASCⅡ格式的文件。它可以在任何一种可以编辑ASCⅡ文件的编辑器中编辑。比如通用的文字处理程序，当然也有专门的HTML文件编辑器。 HTML文件是以.htm或.html为后缀的一种文件。 2 基本的HTML语法 在HTML中，所有的标记符都用尖括号括起来，并且一般成对出现。比如HTML… /HTML。但某些标记，只要求单一标记符号，例如换行标记符BR。 注：HTML标记符不区分大小写，但通常约定使用大写，这有利于HTML文档的维护。 3 标记符的属性 对于许多标记符，还包括一些属性，以便对标记符作用的内容进行更详细的控制。 在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔。属性值放在相应属性的后面，用等号分隔。多个属性之间用空格分隔。 注：HTML属性通常也不区分大小写，并且一般约定使用小写。 Web页的基本结构 任何HTML文档都包含的基本标记符包括：HTML标记、首部标记和正文标记。 HTML HEAD…/HEAD BODY … /BODY /HTML 1 HTML标记 HTML和/HTML是Web页的第一个和最后一个标记，Web页的其他所有内容都位于这两个标记符之间。 虽然HTML标记符开始标记和结束标记都可以省略，但为了保持完整的网页结构，建议编写完整。 注：在HTML文档中，某些标记符的开始标记符和结束标记符可以省略，某些标记符的结束标记符可以省略，而有些标记符则既不能省略开始标记符也不能省略结束标记符。如果不清楚，建议不要省略。 2 首部标记 首部标记HEAD和/HEAD位于Web页的开始，其中不包含Web页的任何实际内容，而是提供一些Web页有关的特定信息。比如设置网页标题、定义样式表、插入脚本等。 (1)TITLE标记符，用于定义网页的标题。 HTML HEAD TITLE这里是网页标题/TITLE /HEAD BODY请看浏览器的标题栏/BODY /HTML (2)META标记符，用于说明与Web相关的信息。例如文件的编辑工具等信息。 META标记符的常用属性包括name,http-equiv以及content。其中，name属性给出特性名，而content属性给出特性值，http-equiv属性指定HTTP响应名称。 META标记符的一个常用功能是设置自动转址功能。 HTML HEAD TITLEMETA示例/TITLE META http-equiv=“Refresh” content=“30;URL=“otm.htm” /HEAD BODYMETA示例/BODY /HTML (3)BGSOUND标记符，用于指定网页的背景音乐。 BGSOUND标记符只有开始标记符，没有结束标记符。 它的基本属性是src，用于指定背景音乐的源文件。另一个属性loop，用于指定背景音乐重复的次数，如果不指定或者指定次数为“-1”，则背景音乐无限循环。 HTML HEAD BGSOUND src=“bg.mid” loop=“1” /HEAD BODY背景音乐示例/BODY /HTML 3 正文标记符 正文标记符BODY和/BODY包含Web页具体内容，包含文字、图像等各种HTML对象。 如果没有其他标记的修饰，正文标记符中的文字将以无格式的形式显示。 注：空格、回车这些格式控制在显示时都不起作用，如要使它们起作用，可使用格式化标记符PRE和/PRE将需要采用编辑格式的内容包含起来。 2.2 HTML的标记 标题标记Hn和/Hn 按字体大小分为6级，分别用n为1，2，3，4，5，6来表示。其中，n的值越大，浏览器显示的字体越小。 用align属性设置标题的对齐方式，分别为right, left, center HTML HEADTITLE这是网页标题/TITLE/HEAD BODY H1 align=“left”1级标题内容/H1 … H66级标题内容/H6 /BODY /HT