单元一HTML的基本标签.PDFVIP

单元一 HTML 的基本标签 在当今社会中，W eb 页成为网络信息共享和发布的主要形式， 而 HTML （HyperText Markup  Language，超文本标记语言或叫超文本标签语言）是用来描述网页的一种语言，是创建  Web  页的基础。HTML 不是一种编程语言，而是一种标记语言 （Markup Language） ，标记语言是一 套标记标签，HTML使用标记标签来描述网页。HTML标记标签通常被称为  HTML 标签，本 单元将介绍 HTML 的基本结构、组成 HTML文档的各类常用标签以及相关标准。本单元的重 点是各类标签的基本语法，学习 HTML 最好的方式就是边学边做实验，多练习是记住这些标 签及其语法的最好方法。 单元要点 l 静态网页的开发环境 l 行级标签和块级标签的使用 技能目标 l 能使用 Dreamweaver 编写 HTML代码 l 能使用各种基本标签建立简单网页 1.1 工作场景导入 【工作场景 1】 实现李清照的如梦令和作者简介的网页效果，如工作场景图 1 所示。 【工作场景 2】 实现“产品信息”的网页效果，如工作场景图 2 所示。 【工作场景 3】 实现“促销信息”的网页效果，如工作场景图 3 所示。 2  CSS+DIV 页面布局技术  工作场景图 1  李清照宋词赏析 工作场景图 2  商品信息 工作场景图 3  相宜本草促销信息 1.2 技术与知识准备 1.2.1  HTML 文件的基本结构 要深入学习 HTML，首先我们来了解一下什么是 HTML 以及 HTML和浏览器的关系。 单元一  HTML 的基本标签  3  1．HTML及其特点  HTML被称为超文本标签语言， 它包括很多标签， 例如p段落标签、h  1一级标题标签， 告诉浏览器如何显示页面，它是网页制作的 “核心语言” ，是目前网络上应用最为广泛的语言， 也是构成网页文档的主要语言。HTML文档是由 HTML 标签和纯文本组成，HTML标签可以 说明段落、图形、表格、链接等，HTML文档也被称为网页。它具备以下特点： （1）简易性：HTML版本升级采用超集方式，从而更加灵活方便，并且各类 HTML标签 简单易学，方便网站制作者学习开发。 （2）可扩展性：HTML语言的广泛应用带来了加强功能、增加标识符等要求，HTML采 取子类元素的方式，为系统扩展提供保证。 （3）平台无关性：这是 HTML语言的最大优点，也是当今 Internet 盛行的原因之一。虽 然 PC 机大行其道，但使用 MAC 等其他机器的大有人在，HTML可以使用在广泛的平台上， 它包括 “硬件”平台无关性和 “软件”平台无关性，不管你的计算机是普通的个人电脑，还是 用于专业的苹果机，不管你的操作系统是常见的 Windows 还是高端 UNIX 或 Linux （一般用于 服务器），HTML文档都可以得到广泛的应用和传输。  2．HTML 和浏览器的关系 有了 HTML 源代码，还需要一个“解释和执行”的工具，而浏览器就是用来解释并执行 显示  HTML “源码”的工具，随着市场的竞争，目前市场上的浏览器很多，主要有微软公司 的 IE （Internet Explorer），网民大多数人都在使用IE，这要感谢它对 Web 站点强大的兼容性。 谷歌浏览器Chrome是由 Google 公司开发的网页浏览器，浏览速度在众多浏览器中走在前列， 属于高端浏览器， 谷歌浏览器在 2012 年 8 月份市场份额正式超过IE 浏览器， 跃居第一。Mo  zilla  Firefox （火狐浏览器）现在是市场占有率第三的浏览器，仅次于微软的  Internet  Explorer  和  Google 的 Chrome，搜狗浏览器是首款给网络加速的浏览器，