《网站建设与管理 教学课件 作者 马涛 第3章 网页设计基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章网页设计基础【知识与技能要点】1、掌握使用Html创建基本网页的方法2、掌握使用Html插入图片的方法3、掌握使用Html创建超链接的方法4、掌握使用Html创建表格的方法5、掌握使用Html创建框架的方法6、掌握使用Html创建表单的方法9/18/2021网页设计的基础是指利用Html语言中提供的各种标记符和属性来编写网页文件，设计网页特效，其中包括设计文本格式、表格、插入图像、创建框架、创建超链接、设计表单等内容。学生学习本章后，可利用HTML语言编写简单的网页，以便对网页的形式有初步了解。另外，在完成“北京市网页测试学校”网站建设过

2、程中，将会涉及大量的使用Html语言所编写的静态网页，所采用的技术，所要达到的功能及效果均是使用Html语言所完成的，即通过本章所介绍的主要内容予以解决。第3章网页设计基础9/18/20213.1使用HTML语言创建基本网页3.1.1HTML概述1.什么是WebWeb是指一个支持交互式访问的分布式超媒体系统。而超媒体系统是传统的超文本系统的扩展，或者说超文本系统是超媒体系统的子集。不论是在超文本系统还是在超媒体系统，信息都是以文档集的形式存贮的。在文档中除了包括基本信息以外，还可以包括指向文档集中其他文档的指针。指针与文档中的一个项目相关，当单

3、击该项目时将跳转到相应文档中。9/18/20213.1使用HTML语言创建基本网页HTML(HypertextMarkupLanguage)是一种规范，一种标准，它通过标记符（tag）来标记要显示的网页的各个部分。通过在网页中添加标记符，可以告诉浏览器如何显示网页，即确定内容的格式。浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容，这个过程叫做语法分析。9/18/20213.1使用HTML语言创建基本网页2.标记符基础在HTML中，所有的标记符都用尖括号括起来。例如。某些标记符，例如换行标

4、记符
，只要求单一标记符号。但绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。开始标记符和相应的结束标记符定义了标记符所影响的范围。结束标记符与开始标记符的区别是有一个斜线。例如，

MyHeading1

5、重就是人这个对象的属性。在HTML中，所有的属性都放置在开始标记符的尖括号里。例如，可以用字体标记符和字号属性指定文字的大小。HTML如下：本行字将以较小字体显示。9/18/20213.1使用HTML语言创建基本网页3.1.2Web页的基本结构一个Web页实际上对应于一个HTML文件，HTML文件以.htm或.html为扩展名。最基本的HTML文档包括：HTML标记、首部标记和、以及正文。9/18/20213.1使用HTML语言创

6、建基本网页1.HTML标记符和是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。这两个标记告诉浏览器或其他阅读该页的程序，此文件为一个Web页。2.首部标记符首部标记和位于Web页的开头，其中不包括Web页的任何实际内容，而是提供一些与Web页有关的特定信息。9/18/20213.1使用HTML语言创建基本网页首部标记中的内容也要用相应的标记符括起来。例如，样式表（CSS）定义位于之间；脚本定义位于