《网页设计-HTML-第1章ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计目录第1章HTML基础第2章列表、图像及超链接第3章表格、表单及框架第4章CSS第5章网页制作技术进阶课件下载第1章HTML基础1.1HTML概述1.2页面颜色控制1.3文本段落控制1.4文字格式控制如今，公司、企业和个人都在建设自己的Web站点，编写自己的Web网页，HTML正是创建网页的基础语言。HTML是英文HyperTextMarkupLanguage的缩写，意为超文本标记语言，是一种用来编写超文本文档的简单标记语言。用HTML编写超文本文档称为HTML文档，它用于描述网页内容的排版、显示方式，最后要通过WWW浏览器显示出来，就

2、是我们看到的网页。所谓超文本是指文档中还可以有图片、声音、动画、影视等内容。HTML带来了超链接的技术，即浏览网页时通过单击鼠标可以从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，从而可以与世界各地主机文件链接，直接获取相关主题。HTML的具体功能：1．格式化文本。如设置文本的对齐方式、字体、颜色等。2．建立超链接。鼠标点击获得指定的目标；设置超链接样式等。3．建立列表。以列表方式显示信息，方便阅读。4．插入图形。如设置图像的样式（如大小、边框、布局等）。5．建立表格。6．加入表单、控键等。这是客户与网页交互的主要渠道。7．加入多媒体。

3、如声音、视频、动画。1.1.1HTML的功能1.1HTML概述1.1.2创建一个简单的HTML页面创建HTML文档可以使用熟悉的文本编辑器(如记事本或写字板)，浏览HTML页面需要使用Web浏览器，如IE(InternetExplorer)、Firefox等。【例1-1】创建一个简单网页，网页文件名为Cha1-1.htm。(1)用记事本编辑HTML文档①单击“开始”→“所有程序”→“附件”→“记事本”，在其中输入HTML文档内容，如右图所示。②保存HTML页面文件：在记事本菜单栏中单击“文件”→“保存”，在弹出的“另存为”对话框中选择存放的文件

4、夹“第1章”，文件名栏中输入“Cha1-1.htm”，选择保存类型为“所有文件”，如下图所示。③最后单击【保存】，则一个文件名为“Cha1-1.htm”的HTML网页文件创建完毕。下图所示就是保存在第1章文件夹下的HTML网页文件“Cha1-1.htm”。HTML文件的后缀名为.htm或.html。(2)浏览HTML页面找到“Cha3-1.htm”文件，双击它，或右键单击后再单击“打开”，显示结果如图所示。Cha1-1.htm文档说明到称为头部“”定义页面标题；“”之间的内容构成注释部分。注释可以有多行，注释的内容不会在浏览器上显示。到是内容部分“

进入

Web世界!

、

这样一些标签组成。标签用来标记文档中的元素，以设置文档的布局、文字的格式、图象的位置等等。标签结构：<标签名字属性1属性2…>说明：标签中的标签名字不

6、可少，但属性可选,如就是没包含属性。标签中的字母不区分大小写，如可写成。“<”与标签名字之间不能有空格，标签名字中也不能加入空格(尾标签中也，同样)。标签有双标签和单标签之分。双标签是由<…>和组成的成对标签。如和是一对双标签。单标签就是只有始标签而没有尾标签的，控制的内容跟随其后。如

---

就是个单标签。1.1.4HTML文档的基本结构1.HTML文档的基本结构头部信息文档主体(正文)文档开始头部

7、主体文档结束2.HTML文档的头部HTML文档的头部在、双标签中，但头标签对、可以省略。头部用于放置网页标题、网页基地址、元信息、关联链接等信息，这些信息在网页中是不显示的。一个HTML文档可以没有头部。头部信息在头部中可以放置下列标签：①②——设置HTML网页的基地址，基地址定义其后所有链接的相对地址起点。③——说明一些与网页有关的信息，如网页语言的编码方式。设置网页语言的编码方式时使用标签中cha

8、rset属性，纯英文网页可以不设编码，简体中文网页使用charset=gb2312，繁体中文使用charset=big5。如简体中文可如下设置：