校园网站创建.pptVIP

项目二 校园网站创建 电子工业出版社 任务一 HTML语言 HTML（Hyper Text Markup Language，超文本标记语言）是Web页面的描述性语言，是在标准通用化标记语言SGML（Standard Generalized Markup Language）的基础上建立起来的。利用其语法规则建立的文本可以运行在不同的操作系统平台和浏览器上。HTML语言是所有网页制作技术的核心和基础。无论是在Web上发布信息，还是编写可供交互的程序，都离不开HTML语言的应用。 任务一 HTML语言 HTML是用来描述网页的一种语言，不是一种编程语言，而是一种标记语言。设计HTML语言的目的是为了能把存放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前计算机上还是在网络的其它计算机上。 HTML定义及语言结构 HTML标记标签通常被称为HTML标签或HTML标记。HTML标记是使用尖括号包围的关键词，例如html、title等。 大部分的标记都是成对出现的，如body和/body、td和/td。标记对中的第一个标记是开始标记，第二个标记是结束标记，开始和结束标记也被称为开放标记和闭合标记。开始标记和结束标记定义了标记所影响的范围，所有的结束标记都是在开始标记前添加了一个斜杠“/”。 有一些标记只需要单一的标记符号，例如br。 HTML定义及语言结构 HTML语言结构 html head title/title /head body……/body /html head和body标记是两个独立的部分，不能互相嵌套。HTML文件不区分大小写，浏览器认为HTML和html是一样的。 HTML程序结构 案例名称：HTML文档基本结构 程序名称：2-01.html html head titleHTML语言结构/title meta name=Generator content=NotePad meta name=Keywords content=HTML /head body 动态网站项目开发案例教程—2.1.2 HTML语言结构 /body /html HTML的常用标记 注释标记!-- … -- 注释标记用来在源文档中插入注释。可使用注释对代码进行解释，这样做有助于对代码的编辑和维护。注释会被浏览器忽略。 注意：注释标记!--…--可以位于同一行中，也可以位于不同行中。 HTML的常用标记 文档类型标记!DOCTYPE doctype是Document Type（文档类型）的简写，doctype声明的作用是指出阅读程序应该用什么规则集来解释文档中的标记，用来说明使用的HTML是什么版本。不正确的doctype声明可能导致网页不正确显示，或者导致它们根本不能显示。 doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是W3C所发布的一个文档类型定义（DTD）中包含的规则。!doctype声明位于文档中的最前面的位置，处于html标记之前。该标记可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。 注意：!doctype没有结束标记。 HTML的常用标记 头部标记HEAD head标记用于定义HTML文档的头部，它是所有头部元素的容器。base、title、link、meta、script以及style标记可以用在head标记中来描述文档的信息。base标记为页面上的所有链接规定默认地址或默认目标。 HTML的常用标记 案例名称：HEAD标记应用 程序名称：2-02.html …… !doctype html public -//w3c//dtd html 4.0 transitional//en /TR/html4/loose.dtd html head title HEAD标记应用/title meta http-equiv=content-type content=text/html; charset=GB2312/ meta http-equiv=Content-Language content=zh-cn / meta name=Description content=HTML中HEAD标记综合应用/ meta name=Keywords content=HTML,HEAD,NAME,HTTP-EQUIV/ style type=text/css h2 {color:green;} h3 {color:blue