第2章 html基础第2章html基础第2章 html基础第2章 html基础.ppt

第2章 HTML基础 2.1 HTML基本概念 2.2 HTML文件结构 2.3 页面布局与文字格式 2.4 列表 2.5 多媒体效果 2.6 表格 2.7 框架 第2章 HTML基础 随着网络技术的发展，Internet的普及，人们通过浏览网页可方便的获取信息。然而，越来越多的人已不满足于网上浏览，他们设计、制作出了自己的网页，并在网上发布，以便进行广泛的信息交流。越来越多的公司、企业、政府、学校建立了自己的网站，所有这些都离不开最基本的网站组成元素——网页。本章我们首先介绍有关网页基础知识和HTML，为后续章节的学习打下基础。 2.1 HTML基本概念 HTML (Hypertext Marked Language)，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。网页HTML实例分析 实例2-1 .htm一个最基本的超文本文档的源代码 html head title一个简单的html示例/title /head body center h3欢迎进入html天地/h3 br hr font size=2 努力掌握html知识，做出内容丰富的主页！ /font /center /body /html 2.2 HTML文件结构 每个网页都有一系列的元素和标签组成，元素名不区分大小写。HTML用标签来规定元素的属性和他在文件中的位置。HTML超文本文档分为文档头和文档体两部分，其HTML文件结构为： HTML!开始标签-- HEAD!头部标签-- TITLE一个简单的示例 /TITLE /HEAD BODY! 主体开始标签-- CENTER! 居中对齐 H1欢迎光临我的主页/H1 BR !强制换行-- HR!插入水平线-- FONT SIZE= 7 COLOR= red 这是我第一次做主页? /FONT /CENTER /BODY! 主体结束标签-- /HTML! 结尾标签-- HTML标记主要可要为以下八大类. 1．文件结构标记(Document Structure Tags) 此类标记是用来标示出文件的结构,主要有： html.../html：标示html文件的起始和终止。 head.../head：标示出文件标题区。 body.../body：标示出文件主体区 2．区段格式标记(Block Formatting Tags) 此类标记的主要用途是将HTML文件中得某个区段文字，以特定格式显示，增加文件的可看度。主要的有： title.../title：文件题目。 hi.../hi：i=1，2，...，6，网页标题。 hr：产生水平线。 br：强迫换行。 p.../p：文件段落。 3.字符格式标记(Character Formatting Tags) 用来改变HTML文件文字的外观，增加文件的美观程度。主要有： b.../b：粗体字。 i.../i：斜体字。 font.../font：改变字体设置。 center.../center：居中对齐。 blink.../blink：文字闪烁。 big.../big：加大字号。 small.../small：缩小字号。 4.列表标记(List Tags) ul.../ul：无编号列表。 ol.../ol：有编号列表。 li.../li：列表项目。 dl.../dl：定义式列表。 dd.../dd：定义项目。 dt.../dt：定义项目。 dir.../dir：目录式列表。 menu.../menu：菜单式列表。 5.链接标记(Anchor Tag) 链接可以说是html超文本文件的命脉，html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接，主要形式如下： a.../a：建立超级链接。 6.