网页设计第二周.ppt

第二章 HTML简介 安徽新华学院信息工程学院网络教研室 张蕊制作 zirui@163.com 网页设计与制作 安徽新华学院信息工程学院网络教研室 陈 洋 jessica_cy@163.com 2.1 HTML基本语法 2.2 HTML文件的基本结构 2.3 常见HTML标记 HTML语言，又称超文本标记语言。HTML语言作为一种标识性的语言，是由一些特定符号和语法组成的，所以理解和掌握都是十分容易的。可以说，HTML语言在所有的计算机编程语言中是最简单易学的。 创建HTML文件十分简单，只需一个普通的字符编辑器即可。如 Windows中的记事本、写字板都可以使用。 2.1 HTML基本语法 一、标记形式 HTML标记一般有以下3种形式： （1）标记对象/标记。即封闭类型标记形式，大多数标记是封闭类型的，也就是说，它们成对出现。例如，斜体标记为i倾斜文本/i。 （2）标记 属性1=参数1 属性2=参数2 …对象/标记。 该标记形式是封闭类型标记的扩展形式。 （3）标记。即非封闭类型标记形式。在HTML中，非封闭类型标记很少，但的确存在，最常用的是换行标记br。 2.1 HTML基本语法 二、书写标记注意事项 书写标记时，应注意以下事项： （1）任何标记皆由“”和“”围住，如p。 （2）标记名与“”之间不能留有空白字符。 （3）有些标记要加上参数，有些则不必，如font size=2Hello/font。 （4）参数只可加于起始标记中。 （5）在标记名前加上符号“/”便是其终结标记，如/font。 （6）标记字母大小写均可。 2.1 HTML基本语法 2.1 HTML基本语法 三、标记分类 标记按形态分为围堵标记与空标记。 围堵标记用起始标记与终结标记将文字围住，令其达到预期显示效果。 例如“大学生的最低奋斗目标：b农妇，山泉，有点田!/b”，效果如图所示。 围堵标记效果 其中，b和/b为围堵标记，它用起始标记b和终结标记/b来标识文字“农妇，山泉，有点田!” ，令它显示为粗体，两者缺一都会发生错误显示。 2.1 HTML基本语法 空标记是指标记单独出现，只有起始标记没有终结标记。 例如“大学生的最低奋斗目标：br 农妇，山泉，有点田!”，效果如图所示。 其中，换行标记br便是空标记。 第二节 HTML文件的基本结构 HTML文件的基本结构如下： html head title /title /head body /body /html 其中，html用于声明这是一个HTML文件，以使浏览器认出并正确处理该文件； head至/head为文档头部，用来说明文件的整体信息，其内容不能在浏览器中显示； 由body至/body为文件正文，包含页面的具体内容，可以在浏览器中正确显示； 由title至/title用来概括文件的特色或主题，其显示位置因浏览器的不同而不同，一般位于浏览器的最上方。由HTML标记组成的页面，可以省略头部，但必须包含正文部分。 第二节 HTML文件的基本结构 下面是一个简单网页示例，如图所示: 第二节 HTML文件的基本结构 第二节 HTML文件的基本结构 第二节 HTML文件的基本结构 TITLE 标记符 在首部标记符中，最基本、最常用的标记符是标题标记符 TITLE 和 /TITLE，用于定义网页的标题。网页标题可被浏览器用作书签和收藏清单。当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。 例如，以下 HTML 代码在浏览器中的显示如图所示。 正文标记符 正文标记符 BODY 和 /BODY 包含 Web 页的具体内容，包括文字、图形、超链接以及其他各种 HTML 对象。 如果没有其他标记符修饰，正文标记符中的文字将以无格式的形式显示（如果浏览器窗口显示不下，则自动换行）。 例如，以下 HTML 代码在浏览器中的显示如图所示。 第二节 HTML文件的基本结构 HTML HEAD TITLE网页标题/TITLE /HEAD BODY 正文，正文，正文，正文， 正文，正文，正文， 正文，正文 /BODY /HTML ? 第二节 HTML文件的基本结构 2.3 常见HTML标记 背景标记符 bgsound 是用以插入背景音乐，但只适用于IE，其参数设定不多。 如下bgsound src=“music.mp3” loop=-1 src=“your.mid” 设定 midi 档案及路径，可以是相对路径或绝对路径。 loop=-1是否自动反覆播放。LOOP=2 表示重复两次，-1表示重复