第6篇 HTML语言简介.ppt

第6章 HTML语言简介 杭州师范大学 多媒体网页设计课程组 内容概要 HTML语言简介 基本内容和要求 了解HTML文档基本语法和基本结构； 掌握HTML常用标记的使用； 标题、段落、文本等格式标记的应用；超级链接标记的使用；水平线、图像、声音和视频等网页元素的插入标记；表格标记的使用。 了解HTML框架标记、表单标记的使用。 HTML概述 HTML全称为超文本置标语言（Hypertext Markup Language），其通过标记（Tags）指令，将文字、图像、声音和影像等元素连接起来，构成超文本的网页。 用HTML语言编写的文档称为HTML文件，其扩展名必须为htm或html，才能通过Web浏览器解释后以网页方式显示在浏览器窗口中，呈现出丰富多彩的页面。 HTML文档的编写方法 HTML的基本概念 标记和属性 标记是HTML语言中具有描述功能的符号，其具体形式是用一对尖括号“＜＞”括起来的字符串指令，标记中还包括一些属性选项，用于描述标记符的具体作用。 标记一般由“始标记”和“尾标记”两部分构成，必须成对使用。始标记前加一个斜杠（/）即成为尾标记。 使用始标记就能表达指令功能而省略尾标记的标记，称为单标记。 属性包含在始标记内。各属性之间无先后次序，属性也可省略（即取默认值）。 HTML的基本概念 标记格式： 属性格式：属性名=“值” 注释语句 HTML注释语句使用“！”标记， 由“!--”开始至“--”结束。 注释语句可插入文档中任意位置。任何标记若在标记符前插入感叹号，即被标识为注释，不予显示。 HTML的语法规则 文件以纯文本形式存放，扩展名为“*.htm”或“*.html”。 标记不区分大小写，标记符中间不能有空格，（建议使用小写字母）。 多数HTML标记可以嵌套，但不可以交叉。 文件一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号。 HTML源文件中的换行、回车符和多个连续空格在显示效果中是无效的。 网页中所有的显示内容都应该受限于一个或多个标记，不应有游离于标记之外的文字或图像等，以免产生错误。 HTML基本结构 HTML的基本结构 Head标记 用于标记页面的一些说明性内容，如页面的标题、脚本语言、样式表等头部信息。 在HEAD标记内最常用的标记是网页标题栏标记，即TITLE标记，其格式为： 网页标题是提示网页内容和功能的文字，显示在浏览器的标题栏中。一个网页只能有一个标题，并且只能出现在文档的头部。除了title标记，头部还有其他一些非必须的，如meta、link等常用标记。 Body标记 Body标记是HTML文档不可缺少的主体，文档中所有涉及的网页元素，包括文字、表格、图像、声音和影像等标记都包含在这对标记之间。 设置 body标记内的属性，可控制整个页面的显示方式。 颜色的设定 颜色值是一个关键字（颜色名），如blue（蓝）；或一个RGB格式的数字，6位十六进制颜色代码，如#0000FF（蓝）。 常用的RGB颜色表示： #rrggbb 如，bjcolor=“#0000FF” rgb(x,x,x) x是一个介乎0到255之间的整数 如， bjcolor=rgb(0,0,255) 关键字（颜色名） 如， bjcolor=blue HTML常用格式标记 1. 标题格式标记 功能：用于定义文章内章节标题的显示格式。 2. 文字格式标记 ?功能：设置网页中普通文字的显示效果。 ? HTML常用格式标记 3. 文字样式设置标记 HTML常用格式标记 4. 段落标记 功能：设置文章段落的开始和结束。 5. 换行标记 功能：另起一行显示文字。 6. 文本预排格式标记 功能：保留文字在纯文字编辑器中的格式，原样显示。 HTML常用格式标记 7. 文本分块标记 功能：此标记对的用法与p/p标记对非常相似，用于排版大块HTML段落，设置多个段落的文本对齐方式，也用于格式化表格。 如果多个段落有相同的对齐方式，则可以将这些段落放入div标记之中。 8. 插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 HTML常用格式标记 9. 转义字符 在HTML语言中，一些已被标记或标记属性使用的特殊字符，当网页需要显示这些字符时，必须使用以“”开始“;”结束的转义字符表示。 列表标记 分段排列出一组级别相同的项目称为列表。如果在每段前面加上一个相同的符号，则称为符号列表；如果每段前面加上一个序号，则称为标号列表。 符号列表 属性： type 属性表示在每个列表项前所显示的项目符号类型，共有三种取值：”disc”时，符号为“●”（实心圆），”circle