文档介绍：目标
描述 HTML 文档的结构
使用基本的 HTML 标签
在 HTML 文档中插入特殊字符
在 HTML 文档中创建超级链接
1
HTML 简介
2
超文本
提供链接到其他页面或同一页面的其他位置的文本
标记
可以用标签标记页面的不同部分以正确显示
语言
HTML 可用于:
控制页面和内容的外观
发布和检索联机文档
创建联机表单
插入诸如音频剪辑和视频剪辑等对象
HTML 文档示例
3
<HTML>
<HEAD>
<TITLE>学习 HTML</TITLE>
</HEAD>
<BODY BGCOLOR = “LAVENDER”>
<H1>欢迎来到 HTML 世界</H1>
</BODY>
</HTML>
HTML 代码
浏览器处理代码并进行显示
编辑器和浏览器
4
<HTML>
<HEAD>
<TITLE>学习 HTML</TITLE>
</HEAD>
<BODY BGCOLOR = “LAVENDER”>
<H1>欢迎来到 HTML 世界</H1>
</BODY>
</HTML>
HTML 代码
在编辑器中编写 HTML 代码
浏览器显示 HTML 文档/页面
编辑器 2-2
5
需要在编辑器中键入源代码
示例:DreamWeaver
Macromedia Dreamweaver 是一种专业的 HTML 编辑器,用于设计、编码、开发网站、网页和强大的 Web 应用程序。
HTML 文档结构
6
<HTML>
<HEAD>
<TITLE>学习 HTML </TITLE>
</HEAD>
<BODY >
</H1> 欢迎来到 HTML 世界</H1>
</BODY>
</HTML>
HTML 网页
头部部分
主体部分
<HTML>…</HTML>标签标记 HTML 文档的开始和结束
这部分包括标题和其他说明信息。包括在<HEAD>…</HEAD> 标签内
这部分包含文本、图像和链接。它包括在<BODY>…</BODY> 标签内
HTML 标签 2-2
7
<HTML>
<HEAD>
<TITLE>学习 HTML </TITLE>
</HEAD>
<BODY BGCOLOR = lavender>
<H1>欢迎来到 HTML 世界</H1>
</BODY>
</HTML>
<BODY BGCOLOR = “green”>
标签
标识 BODY 元素
属性
提供有关元素的附加信息
值
分配给属性的内容
META 标签 2-1
META 标签是一个特殊的 HTML 标签,提供有关网页的信息,如作者姓名、公司名称和联系信息等
许多搜索引擎都使用 META 标签信息
例如,要将 Graham Browne 指定为作者,则使用以下 META 标签:
8
<META name = “作者" content = "Graham Browne">
META 标签 2-2
http-equiv 属性可用来代替 META 标签中的 name 属性
9
<META http-equiv = "expires" content = "Wed, 14 Sep 2011 GMT">
表示有效期:格林尼治标准时间 2011 年 9 月 14 日,星期三 14:25:27
一旦网页过期,必须到服务器上重新传输。
属性值:具体的过期时间
属性名称:网页过期
<META http-equiv="refresh" content=“2">
表示每隔2秒,自动刷新网页
演示:自动刷新的例子
HTML 基本元素
标题
段落
换行符
预先格式化
字符格式化
列表
水平线
字体
图像
特殊字符
超级链接
10