Dreamweaverhtml的简介与设计.ppt

HTML 简 介  3.1 HTML概述 HTML即超文本标记语言，是一种用来制作超文本文档的简单标记语言，是所有的Internet站点的共同语言，所有的页面都是以HTML格式的文件为基础，再加上其他语言工具（如JavaScript、VBScript等）构成。用HTML便携的超文本文档称为HTML文档，它能独立于各种操作系统平台。 HTML文件扩展名是.html或.htm，是可供浏览器解释浏览的文件格式。HTML语言使用标签的方法编写文件，它通常使用标签名/标签名来表示标签的开始和结束。在HTML文档中这样的标签一般是成对使用。 学习HTML的意义: 浏览器解释效率高 格式漂亮 无任何垃圾代码产生，加快了网页的传输速度 3.1.2一个简单的HTML实例 【例3-1】 用HTML 制作一个简单的网页 打开 示例文件夹下的例题：“example3-1” 查看源代码文件，并运行查看网页文件 3.1.3 HTML的基本概念 1．标记 也叫标签，是组成HTML文档元素，每一个标签描述了一个功能。标签使用时必须用“”括起来。标记分为单标记和双标记。 1）单标记 只需单独使用就能完整地表达意思的标记。语法是：标记名称，最常见的单标记如:br ，它表示换行。 2）双标记 所谓“双标记”是指由“始标记”和“尾标记”两部分构成，必须成对使用的标记。 其中始标记告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标记告诉Web浏览器到这里结束该功能。 双标记的语法是：标记内 容/标记，其中“内容”是指要被这对标记施加作用的部分。 例如:title一个简单的HTML示例/title 2．标记属性 许多单标记和双标记的始标记内可以包含一些属性，其语法是：标记名称 属性1 属性2 属性3 … ， 各属性之间无先后次序，属性也可省略（即取默认值）。 例：P/P用来创建两个段落 paaaaaaaa/p pbbbbbbbb/p 在第一个段落中加入属性： p align=“center”aaaaaaaa/p Align控制段落的对齐方式，属性的取值可以为：left（左对齐）、center（居中对齐)、right（右对齐） 预览效果图一 例如单标记HR表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性： HR size=3 align=LEFT width=75%。 3．注释语句 注释语句的格式为：!--注释文--，注释语句可以放在任何地方，在浏览器中不显示，仅供设计人员阅读。 例如:font size=“7”color=“#0000FF”枫桥夜泊/font!--字体标记-- 注释语句可以放在任何地方，注释内容不在浏览器中显示出来，仅供设计人员阅读方便。 3.1.4 HTML的基本结构 HTML网页文件主要由文件头和文件体两部分内容构成。其中，文件头是对文件进行一些必要的定义，文件体是HTML网页的主要部分，它包括文件所有的实际内容。下面是HTML网页的基本结构。 HTML HTML文件开始 HEAD 文件头开始 　 文件头 /HEAD 文件头结束 BODY 文件体开始 　　 文件体 /BODY 文体结束 /HTML HTML文件结束 html head title****/title /head body _ _ _ _ _ _ _ _ /body /html 1．HTML文件标记 表示这对标记间的内容是HTML文档。中间嵌套其他标记。 2．HEAD文件头部标记 文件头用HEAD和/HEAD标记，该标记出现在文件的起始部分，标记内的内容不在浏览器中显示，主要用来说明文件的有关信息，如文件标题、作者、编写时间、有哪些信誉好的足球投注网站引擎可用的关键词等。 在HEAD标记内最常用的标记是网页主题标记——TITLE标记，它是一个双标记，标记中间的文字内容将出现在浏览器的标题栏中。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN