网页设计——入门与提高 教学课件 作者 王维 吴菲 王丽娜 第05章.ppt

《网页设计——入门与提高 教学课件 作者 王维 吴菲 王丽娜 第05章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第5章HTML概述5.1编辑与运行环境HTML语言是一个纯文本文件，用户可以采用任何一个文本编辑器进行网页的编写，通过浏览器来解释执行。通常，采用的文本编辑器是Windows自带的记事本。当然，也可以利用目前比较流行的可视化软件，如使用Adobe公司的Dreamweaver来制作网页，它会根据用户的可视化操作自动生成HTML代码。HTML文件是运行在Web浏览器上的，在运行该文件时，只需在地址栏中输入文件地址即可。5.2基本语法及文件结构1.基本语法一个HTML文件是由一系列的元素和标签组成。元素是HTML文件的重要组成部分，指逻辑上统一的对象。例如：网

2、页标题、网页主体等。标签用来分割和描述这些元素。标签分为单独标签和成对标签。其语法格式如下：<单标签/><首标签>要控制的元素每个HTML标签，还可以设置一些相关元素的属性，控制HTML标签所建立的元素。这些属性将放置于所建立元素的首标签，尾标签不变。其语法格式如下：<首标签属性1=“值1”属性2=“值2”……>要控制的元素2.文件结构任何HTML文件都包含的基本标签包括、、标签称

4、为标题标签，包含在标签内，它的作用是设定网页标题，可以看见在浏览器左上方的标题栏中显示这个标题，此外，在Windows任务栏中显示的也是这个标题，它告诉浏览者当前访问的页面是关于什么内容的。网页标题可被浏览器用作书签和收藏清单。(4)标签和标签称为主体标签或正文标签，网页所要显示的内容都放在这个标签内，包括文字、图像、超链接以及其他各种HTML对象。如果没有其他标签修饰，标签中的文字将以无格式的形式显示。网

5、页正文3.书写注意事项在编写文件时，需要注意以下事项。所有的标记都必须要有一个相应的结束标记。<和>是所有标记的开始和结束。成对标签要书写完整，如果是单独不成对的标签，在标签最后加一个"/"来关闭它。所有标签的元素和属性的名字都必须使用小写。所有的标签都必须合理嵌套。所有的属性必须用双引号""括起来。回车键和空格键在源代码中不起作用。源代码中以结束的代码为注释代码，便于网页阅读。5.3创建第一个HTML文件在制作网页之前，对网页进行适当的页面美化，可以通过为标签设置属性来完成。该标签本身具有许

6、多属性，我们这里列举两项，制作一个简单的实例，其他属性用法一致。1.网页的文字颜色属性text该属性可以改变整个页面默认文字的颜色，在没有对文字进行单独定义颜色的时候，这个属性对页面中所有的文字将产生作用。基本语法如下：所有颜色表示方式为两种：十六进制值或英文颜色名称。如红色为red或者#ff0000。2.网页背景颜色属性bgcolor该属性用来设置网页的背景颜色。基本语法如下：应用以上的两个属性，我们来创建第一个HTML文件。HTML文件的创建方法非常简单。具体的操作步骤如下。第一步：选择“开始”，然后依次选择“程序—附

7、件—记事本”命令。第二步：在打开的记事本窗口中写入如下代码。你好，互联网！第三步：编写完成后保存该文档。选择记事本菜单栏中的“文件—保存”命令，在“文件名”文本框中输入一个文件名，必须是英文或数字来命名，并以“.htm”或者“.html”作为文件的扩展名。第四步：设置完成后单击“保存”按钮，这时该文本文件就变为了HTML文件，在Wind

8、ows中，可以看到它的图标就是网页文件的图标了。第五步：这时双击该HTML文件，