数字媒体艺术蒋宇清.pptVIP

网页设计与开发 清华大学出版社 第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 头部标记，在浏览器窗口中不被显示在正文中，在此标记中可以插入其它用以说明文件的标题和一些公共属性的标记。 HEAD部分允许的标记 HTML 标准仅允许 base, link, meta, title, style 和 script几个标签可以用在 HTML头部 Title 指定HTML文档的网页标题（显示在浏览器窗口的标题栏）。即在title/title之间写上网页标题，如程序2-2。 2.1.2 头部内容 !--程序2-2-- html head title我的第一个网站/title /head body … … /body /html 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等 2.1.2 头部内容 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-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用于描述功能的符号称为“标记”—Tag。html、head、body等都是标记。标记通常分为单标记和双标记两种类型。 2.2.1 标记语法 单标记 仅单独使用一个标记 基本语法：标记名称 语法说明：最常用的单标记是br,它表示换行。 双标记 由首、尾两部分构成，必须成对使用 基本语法：标记名称内容/标记名称 语法说明：“内容”是被这对标记施加作用的部分。 如，b和/b标记告诉浏览器文本以粗体显示。 标记可以可以成对嵌套，但不能交叉。 错误的例子：BI错误的交叉嵌套/B/I