HTML语言简介.ppt

网页设计语言基础  章洁 2.1 HTML概述 2.1.1 HTML的发展历程 1．HTML的诞生 2．HTML的版本发展 3．HTML的未来 4．学习HTML的意义 2.1.2 一个简单的HTML实例 【例2-1】 用HTML 制作一个简单的网页。 2.1.3 HTML的基本概念 要了解HTML语言，先来熟悉一下HTML中的一些基本概念。 1．标记 在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图像等显示方式的符号。标记在使用时必须用“ ” 括起来，标记有单标记和双标记之分。 1）单标记 所谓“单标记”是指只需单独使用就能完整地表达意思的标记。这类标记的语法是：标记名称。 例如:br 2）双标记 所谓“双标记”是指由“始标记”和“尾标记”两部分构成，必须成对使用的标记。 其中始标记告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标记告诉Web浏览器到这里结束该功能。始标记前加一个斜杠（/）即成为尾标记。 双标记的语法是：标记内 容/标记，其中“内容”是指要被这对标记施加作用的部分。 例如:title一个简单的HTML示例/title 2．标记属性 许多单标记和双标记的始标记内可以包含一些属性，其语法是：标记名称 属性1 属性2 属性3 … ， 各属性之间无先后次序，属性也可省略（即取默认值）。 例如单标记HR表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性： HR size=3 align=LEFT width=75%。 size属性定义线的粗细，属性值取整数，缺省值为1； align属性表示对齐方式，可取LEFT（左对齐，默认值），CENTER（居中），RIGHT（右对齐）； width属性定义线的长度，可取相对值（由一对 号括起来的百分数，表示相对于整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如width=300），默认值是100%。 3．注释语句 和其他计算机语言一样，HTML语言也提供了注释语句。 注释语句的格式为：！--注释文--，“！--”表示注释开始，“--”表示注释结束，中间的所有内容表示注释文。 例如:font size=“7”color=“#0000FF”枫桥夜泊/font!--字体标记-- 注释语句可以放在任何地方，注释内容不在浏览器中显示出来，仅供设计人员阅读方便。 2.1.4 HTML的基本结构 HTML网页文件主要由文件头和文件体两部分内容构成。其中，文件头是对文件进行一些必要的定义，文件体是HTML网页的主要部分，它包括文件所有的实际内容。下面是HTML网页的基本结构。 HTML HTML文件开始 HEAD 文件头开始 　 文件头 /HEAD 文件头结束 BODY 文件体开始 　　 文件体 /BODY 文体结束 /HTML HTML文件结束 在HTML网页文件的基本结构中主要包含以下几种标记。 1．HTML文件标记 HTML和/HTML标记放在网页文档的最外层，表示这对标记间的内容是HTML文档。HTML放在文件开头，/HTML 放在文件结尾，中间嵌套其他标记。 2．HEAD文件头部标记 文件头用HEAD和/HEAD标记，该标记出现在文件的起始部分，标记内的内容不在浏览器中显示，主要用来说明文件的有关信息，如文件标题、作者、编写时间、搜索引擎可用的关键词等。 在HEAD标记内最常用的标记是网页主题标记——TITLE标记，它的格式为：TITLE网页标题/TITLE。网页标题是提示网页内容和功能的文字，它将出现在浏览器的标题栏中，一个网页只能有一个标题，并且只能出现在文件的头部。