网页设计与制作第八章 HTML.ppt

第八章 HTML HTML的语法规则 HTML标签的类型 Dreamweaver CS 3的HTML源代码功能 HTML标签 掌握Dreamweaver CS4中的HTML源代码编辑功能 掌握常用的HTML标签含义及其应用 掌握手工修改HTML源代码 要让设计者在网络上发布的网页能够被世界各地的浏览者所阅读，需要一种规范化的发布语言。在万维网(WWW)上，文档的发布语言是HTML。 HTML意思是：Hypertext Marked Language，即超文本标签语言，就是该类文档有别于纯文本的单个文件的浏览形式，超文本文档中提供的超级链接能够让浏览者在不同的页面之间跳转。 通过浏览器看到的网站都是由HTML构成的。HTML是一种建立网页文件的语言，它通过标签式指令，将影像、声音、图片和文字等连接起来。HTML文件可以用记事本、写字板或专用的开发工具（例如Dreamweaver）等编辑工具来编写，用HTML编写的文件的扩展名为HTML或HTM，它们是能够被浏览器解释显示的文件格式。 HTML是用来描述Web页面的语言，它不是编程语言，而是一种页面描述性标签语言。 通过各种标签描述不同的内容，说明标题、段落、字体、图像等网页元素在浏览器中的显示效果，浏览网页时，将根据HTML标签显示其内容。 HTML基本结构 一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入式对象，这些对象统称为HTML元素。在HTML中使用标签来分隔并描述这些元素。实际上可以说，HTML文件就是由各种HTML元素和标签组成的。 一个最基本的网页HTML代码格式如下： html 文件开始标签 head 文件头开始的标签 title 网页标题 /title 文件头的内容 /head 文件头结束的标志 body 文件主体开始的标志 网页主体内容 文件主体内容 /body 文件主体结束的标志 /html 文件结束标志 HTML文档主要由头部内容和主体内容两部分构成，头部内容是文档的开头部分，对文件进行一些必要的定义，主体内容是HTML网页的主要部分 HTML文档应遵循以下语法规则。 HTML文档以纯文本形式存放，扩展名为“.html”或“.htm”。 HTML文档中采用标签“”与“”作为分割符，起始标签的一般形式如下： 标签名称 属性名称=对应的属性值 ….. 结束标签的一般形式如下：/标签名称 包含在起始标志与结束标志之间的就是网页对象。 HTML标签及属性不区分大小写，例如，HTML和html是 相同的标签。 大多数HTML标签可以嵌套，但不能交叉，各层标签是全包容关系。例如：p font color=”#0000FF” 欢迎光临 /p /font，将不能正确显示。 HTML文档一行可以书写多个标志，一个标志也可以分多行书写，不用任何续行符号，显示效果相同，但是HTML标签中的一个单词不能分开两行写。 HTML源代码中的换行、回车符和多个连续空格在浏览时都是无效的，浏览网页时，会自动忽略文档中的换行符、回车符、空格，所以在文档中输入的回车符，并不意味着在浏览器中看到不同的段落。当需要在网页中插入新的段落时，必须使用分段标签p，它可以将标签后面的内容另起一段。换行可以使用br标签，需要多个空格，可用使用多个“nbsp”转义字符。 网页中所有的显示内容都应该受限于一个或多个标签，不能存在游离于标签之外的文字或图像等，以免产生错误。 对于浏览器不能分辨的标签可以忽略，同时也不显示其中的对象 在HTML中用于描述功能的符号称为“标签”，它是用来控制文字、图形等显示方式的符号，例如“HTML”，“HEAD”、“BODY”等。标签在使用时必须用“”括起来。 在查看HTML源代码或编写网页时，经常会遇到四种格式的HTML标签。 不带属性的双标签：标签名称内容/标签名称。必须成对使用，其中始标