第2章 HTML 基础 网页制作PPT课件(PHP).pptVIP

《PHP Web程序设计教程与实验》 第2章 HTML 基础 第2章 HTML 基础 2.1 HTML文档结构 2.2 HTML基本标记的使用 2.3 超链接标记 2.4 HTML表格 2.5 HTML表单 2.6 Dreamweaver MX 2004的使用 2.1 HTML文档结构 在万维网中传送的文档，绝大部分使用超文本标记语言编写，这些文档称为HTML文档。 在基本HTML文档中，只允许两种元素存在：一种是HTML标记，另一种则是普通文本。 2.1 HTML文档结构 一个简单的HTML文档的组成结构如下： html ！--超文本文件开始-- head ！--首部元素开始-- title 网页的标题 /title /head body ！--主题元素开始-- 文档主体，正文部分 /body ！--主题元素结束-- /html ！--超文本文件结束-- 2.1 HTML文档结构 一个完整的HTML文档通常由以下三部分组成： 1．HTML标记 格式：html … /html 2．头部信息 格式：head … /head 3．文本体 格式：body … /body 2.1 HTML文档结构 1．HTML标记 html … /html 这是定义HTML文档开始与结束的标记，也是HTML文档中最先出现的标识，表明这个文件的内容是用HTML语言来实现的。它必须成对出现，分别表示HTML文件的起始和结束。在html容器标记中又包括以下head和body两个部分。 2.1 HTML文档结构 2．头部信息 head … /head 这一部分用来说明文档标题以及该页面的其他信息，它构成HTML文档的开头部分，在此标记对之间可以使用meta、title等标记，这些标记都是描述HTML文档相关信息的标志，标志对之间的内容是不会在浏览器的框内显示出来的，但是其内容应该尽量简短。 2.1 HTML文档结构 3．文本体 格式：body … /body 这部分说明HTML文件的主体内容，在浏览器的客户区中显示，这是页面开发者的编写HTML文档的主要部分。 2.1 HTML文档结构 对于HTML标记的约定： 超文本标记是用一对尖括号“ ”括起来的文本串，例如第一行的html。 超文本标记一般成对出现，用带“/”的标记结束。成对出现的超文本标记也称容器元素。 有些标记只有起始标记而没有结束标记（也称空元素）。 超文本标记可以忽略字母的大小写。 构成容器元素的一对标记可以写在不同行，标记属性的相对位置不受限制。 超文本标记的注解部分可以用！-- … --来表示。它可以放在源文件的任何位置，因为它对网页效果设置没有任何影响，但其目的是为了增强文件的可读性。 2.2 HTML基本标记的使用 2.2.1 Head容器的标记 2.2.2 Body容器的标记 2.2.1 Head容器的标记 head标记主要用来提供网页文件的整体信息。包括标题栏名称、文件的网址、所采用的文档编码等。 head标记用来告知浏览器这是文件标题的开头，最后使用/head标记告知浏览器这是文件标题的结束点。 2.2.1 Head容器的标记 HTML文档的head是一个容器元素，在head容器元素中允许出现以下元素： 1．title元素 2．link元素 3．meta元素 4．base元素 5．script元素 2.2.1 Head容器的标记 1. title元素 格式：title 标题文字 /title title元素包含文档的标题。它不显示在浏览器窗口中，只显示在浏览器标题栏中。在起始标志（title）和结束标志(/title)间，可以放入简述文档内容的标题。如果没有title元素，浏览器的标题栏将显示网页的文件名。 2.2.1 Head容器的标记 2．link元素 格式：link name=text rel=text href=URL link元素在当前文档和另一文档之间建立链接关系。name属性给链接起一个名字；rel属性描述了链接的类型；href属性指向相关的文档。 表示链接一个外部CSS文件default.css如下: link href=default.css rel=stylesheet type=text/css 2.2.1 Head容器的标记 3．meta元素 格式：meta name=text content=