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>