第二章HTML基础..ppt

第二章 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