1
实用页面设计方法
—— HTML
3
第一章： HTML 简介
学时： 0.5 学时
教学方法：讲授
ppt ＋课堂演示
目标 :
本章旨在向学员简要介绍 HTML
的相关概念、基本结构，学员应该
掌握如下知识：
1 ）了解 HTML 的概念
2 ）了解 HTML 的基本结构
3 ）理解 HTML 的标记、属性
4
1.1 HTML 概念
•
HTML
–
超文本标记语言（ Hyper Text Markup Language ）
–
以 htm 或者 html 为扩展名
–
包含标记的文本文件
–
通过浏览器解析标记来显示页面
•
HTML 的编辑器
–
简单文本编辑器即可，可在纯文本中编写代码
–
常用编辑器 -Dream Weaver 、 FrontPage 、 EditPlus 等
5
1.2 基本结构
•
HTML 文件通常由文档头、正文两部分构成；在外层以
<html>……</html> 标识为 Html 文件：
<html>
<head>
<title> 欢迎进入 HTML 世界 </title>
</head>
<body>
<p> 体验网页的魅力！ </p>
</body>
</html>
HTML 部分
文档头部分
正文部分
6
1.3 第一个网页 - 解释执行
FirstPage.html
<html>
<head>
<title> 第一个网页 </title>
</head>
<body>
<h1> 你好 !</h1>
<br/><hr/>
<font color="blue">
开始学习做网页了，一定要加油啊！
</font>
</body></html>
