第2章.HTML基础汇编.ppt

Company name 网页设计与开发 第2章 HTML基础介绍 清华大学出版社 主要内容 了解HTML文档的基本结构 了解标记属性的使用方法和规则 2.1 HTML文档结构 一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。 2.1.1 基本结构 !--程序2-1-- html head title 一个简单的HTML示例 /title /head body h1欢迎光临我的主页/h1 /body /html 2.1.2 头部内容 head…/head HTML文档的头部标记, 在浏览器窗口中，头部信息是不被显示在正文中的，在此标记中可以插入其它用以说明文件的标题和一些公共属性的标记。 HEAD部分允许的标记 根据 HTML 标准，仅有base, link, meta, title, style 和 script几个标签在 HTML 的头部分是合法的。 Title 如要指定HTML文档的网页标题（它将显示在浏览器窗口顶部标题栏），就要在头部内容中提供有关信息。用title元素来指定网页标题，即在title/title之间写上网页标题，如程序2-2。 2.1.2 头部内容 !--程序2-2-- html head title我的第一个网站/title /head body /body /html 2.1.2 头部内容 2.1.2 头部内容 META 元素可提供有关页面的元信息（meta-information）， META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。这些定义的内容并不在网页页面中显示。但他们会有一些特殊的作用。 ＜head＞ 　　meta http-equiv=content-Type content=text/html; charset=gb2312 meta name=Keywords content=教育,就业,计算机 meta name =Description content =教育,就业,计算机 ＜/head＞ 2.1.2 头部内容 META的属性 content：定义与 http-equiv 或 name 属性相关的元信息 http-equiv：把 content 属性关联到 HTTP 头部，取值范围包括： content-type，expires，refresh，set-cookie name：把 content 属性关联到一个名称。取值范围：author、description、keywords、generator、 Robots等 http-equiv 属性 使用带有 http-equiv 属性的 meta 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加： ＜head＞ meta http-equiv=charset content=“text/html; charset=gb2312 meta http-equiv=expires content=31 Dec 2011 ＜/head＞ content-type: text/html charset:gb2312 expires:31 Dec 2011 2.1.3 主体内容 在标记body和/body中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等元素。 例如，程序2-4在body部分添加了几个关于文本和段落的标记。 2.1.3 主体内容 !--程序2-4-- html head title我的第一个页面/title /head body h1这里是文章的标题。/h1 p这里是文章的段落。/p /body /html 2.1.4 编写网页的开头 可以通过浏览器直接查看一个页面的HTML源代码，例如在IE浏览器菜单栏上选择“查看?源文件”即可。 大多页面的开头，通常使用DOCTYPE标记来声明要使用什么风格的HTML或XHTML。DOCTYPE使浏览器知道应该如何处理文档，并且让验证器知道按照什么样的标准检查代码的语法。然后，用html标记标出实际代码的起始位置。 2.2 HTML基本语法 HTML用于描述功能的符号称为“标记”。html、head、body等都是标记。标记通常分为单标记和双标记两种类型。 2.2.1 标记语法 单标记 单标记仅单独使用就可以表达完整的意思。 基本语法： 标记名称 语法说明： 最常用的单标记是br,它表示