网页的设计第5章HTML概述.pptVIP

第5章 HTML概述 5.1 编辑与运行环境 HTML语言是一个纯文本文件，用户可以采用任何一个文本编辑器进行网页的编写，通过浏览器来解释执行。通常，采用的文本编辑器是Windows自带的记事本。当然，也可以利用目前比较流行的可视化软件，如使用Adobe公司的Dreamweaver来制作网页，它会根据用户的可视化操作自动生成HTML代码。 HTML文件是运行在Web浏览器上的，在运行该文件时，只需在地址栏中输入文件地址即可。 5.2 基本语法及文件结构 1.基本语法 一个HTML文件是由一系列的元素和标签组成。元素是HTML文件的重要组成部分，指逻辑上统一的对象。例如：网页标题、网页主体等。标签用来分割和描述这些元素。标签分为单独标签和成对标签。其语法格式如下： 单标签/ ? 首标签要控制的元素/尾标签 每个HTML标签，还可以设置一些相关元素的属性，控制HTML标签所建立的元素。这些属性将放置于所建立元素的首标签，尾标签不变。其语法格式如下： 首标签 属性1=“值1” 属性2=“值2”…… 要控制的元素 /尾标签 2.文件结构 任何HTML文件都包含的基本标签包括html、head、title、body4个，下面依次介绍它们的作用。 (1)html标签 html和/html是网页的第一个和最后一个标签，网页的其他所有内容都位于这两个标签之间。这两个标签告诉浏览器或其他阅读该页的程序，此文件是一个网页。 虽然html和/html都可以省略，因为.htm或.html扩展名已经告诉浏览器该文档为HTML文档，但是为了保持完整的网页结构，建议书写该标签。另外，html标签通常不包含任何属性。 3.书写注意事项 在编写文件时，需要注意以下事项。 所有的标记都必须要有一个相应的结束标记。和是所有标记的开始和结束。成对标签要书写完整，如果是单独不成对的标签，在标签最后加一个/来关闭它。 所有标签的元素和属性的名字都必须使用小写。 所有的标签都必须合理嵌套。 所有的属性必须用双引号 括起来。 回车键和空格键在源代码中不起作用。 源代码中以!_ _开始，以_ _结束的代码为注释代码，便于网页阅读。 5.3 创建第一个HTML文件 在制作网页之前，对网页进行适当的页面美化，可以通过为body标签设置属性来完成。该标签本身具有许多属性，我们这里列举两项，制作一个简单的实例，其他属性用法一致。 1. 网页的文字颜色属性text 该属性可以改变整个页面默认文字的颜色，在没有对文字进行单独定义颜色的时候，这个属性对页面中所有的文字将产生作用。基本语法如下： 所有颜色表示方式为两种：十六进制值或英文颜色名称。如红色为red或者#ff0000。 body text=”颜色值”