第一节
网页设计语言HTML简介
一、HTML简介
一、HTML简介
• • •
• •
HTML的英文全称是Hyper Text Markup Language，直译为超文本标记语言 。它是全球广域网上描述网页内容和外观的标准。 最初的HTML语言以文本格式为基础，可以用任何编辑器和文字处理器来为 网络创建或转换文本，仅有不多的几个标签。 1993年，NCSA推出了Mosaic，也就是第一个图文浏览器，从此Web开始迅 速地发展起来。HTML语言也不断产生新型、功能强大且生动有趣的标签形 式，例如<background>、<frame>、<font>和<blink>等。但是此时，出现了 许多不同的HTML版本，而只有设计者和用户共有的HTML部分才可以正确显 示。。 到现在为止，HTML已经发展到了比较成熟的HTML 4.0版本，在这个版本下 的语言中，规范更加统一，浏览器之间的兼容性也更加完善。 除了HTML语言以外，W3C组织在2000年推出了另一种XHTML1.0语言，该 语言其实是HTML4.0的升级版本HTML4.01，只是用XHTML1.0来命名。
从上面的标签中可以看到标签都是成对出现，由开始标签<标签名>和结束标签 </标签名>组成的，这种成对出现的标签称之为双向标签。除此之外HTML标签 还有单向标记，单向标签只有一个标签<标签名/>，如图像标签<img/>，水平线 <hr/>等。大部分的HTML标签都是有属性的，在为标签添加属性时，属性要写 在标签内，如是双向标签，属性写在开如标签内，各个属性之间不分先后顺序， 属性是可选的，如果不写，那就是采用默认属性值，其格式如下： <标签名 属性1 属性2 属性3 ……>内容</标签名>
设置页面中默认文本超链接的颜色
设置鼠标单击时文本超链接的颜色 设置单击过后的文本超链接的颜色 设置页面的背景图像 设置页面的背景颜色 设置页面的上、下、左、右边距 设置页面中文本的颜色
四、页面注释标签
四、页面注释标签
注释可以包含任何内容，但不会被浏览器解析。因此注释可以起到将过时的代码 注释掉，或者在调试程序时暂时屏蔽部分代码的作用。注释标签的用法如下：
三、主体标签
三、主体标签
<body>是HTML文档的主体标签，<body>…</body>中放置文档的正文，是在浏 览器中显示的页面内容，如文字、图片、动画，视频等。<body>标签常用的属 性如下表：
属性 作用
Link
alink vlink background bgcolor Topmargin bottommargin rightmargin Text leftmargin
（二）段落标签 段落标签<p>…</p>用于创建文本的段落格式。
<html> <head> <title>静夜思</title> </head> <body> <center> <h2 align="center">静夜思</h2> <hr> <p align="left">床前明月光，</p> <p align="center">疑是地上霜，</p> <p align="center">举头望明月，</p> <p align="right">低头思故乡。</p> </center> </body> </html>
<html> <head> <title>标题的应用</title> </head> <body> <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> <h4>标题四</h4> <h5>标题五</h5> <h6>标题六</h6> </body> </html>
预览效果
一、文本相关标签
一、文档标签
一、文档标签
文档标签<html>…</html>用于标识文档的文档类型为HTML文档。它是在整个 HTML文档标签的最外层，文档中所有的标签和文本内容都是包含在<html>与 </html>之间的。
二、头部标签
二、头部标签
<head>是HTML文档的头部标签，在文档中同样是成对出现的，即<head>和 </head>。在浏览器窗口中，头部标签所包含的信息不会显示在主窗口中。在 <head>和</head>标签之间可以插入其他的一些标签，用于说明文档的标题和整 个中相同的一些属性，还可以加入一些文件信息。
这种HTML的创建方法需 要由后台的网页程序来实 现，如ASP、PHP等。
第二节 HTML基本标签
• 每一个HTML文档都由最基 本的标签，如文档标签、 头部标签和主体标签组成 ，其代码格式如右：
<html> <head> <title>页面标题</title> </head> <body> </body> </html>
<!-<font color="red">被注释掉的代码</font> -->
第三节 HTML其他标签
一、文本相关标签
一、文本相关标签
（一）标题文字标签 标题文字标签<hn>，是用于设置网页中的标题文字效果，其中n的取值为1~6， 被设置的文字会以该标签的默认样式显示，该标签是一个双向标签，成对出 现，如<h1></h1>。
二、HTML文件的编写方法பைடு நூலகம்
二、HTML文件的编写方法
1.手工直接编写
可以使用任何文本编辑器 来打开并编写HTML文件， 如Windows系统中自带的 记事本。
2.使用可视化软件
Microsoft公司的 FrontPage、Adobe公司 的Dreamweaver等软件均 可以创建HTML文档。
3.由Web服务器一方实 时动态生成
网页设计与制作
学时：60学时
第二章 网页制作语言HTML
• 了解：HTML语言的基本知识 • 熟练掌握：掌握使用HTML标签建立基本的网页；使用各种对象 标签在网页中插入文本、图像、表格、列表、多媒体；使用超 链接标签建立绝对路径和相对路径的链接；通过框架的形式建 立包含框架的页面。 • 掌握：熟悉HTML的语法；掌握HTML的基本标签；掌握HTML 中的文本、图像、链接、列表、表格、多媒体、框架等标签的 使用方法；掌握各个对象标签的属性应用。
