第2章 HTML简介及使用
教学内容:
1、 介绍网页标记语言及标记的使用; 2、介绍网页中多媒体标记; 3、 表单及框架的使用; 4、网页中插入样式表的方法
教学要求:
1、掌握网页文件的创建;
2、掌握网页的文本标记、图像标记,用超链接连接网页; 3、会运用表格来进行页面设计
4、了解网页添加多媒体效果的方法; 5、会运用表单和框架; 6、了解样式表的使用 教学课时:14
2.1 HTML文档基本结构 1 XHTML文档的基本结构
以一个XHTML文档实例,来介绍XHTML文档的基本结构,并由基本结构认识、、
、2.2. 文本和图像标签
2.3 表格
2.4 表单 【例2-1】
1
我的个人简介
个人简介
姓名:张丽
性别:女
出生日期:1989.11.26
专业:计算机应用
注意:XHTML文档是一种纯文本格式的文件,XHTML文档由被标记的内容和标记组成,由浏览器解释XHTML中控制标记的意义。
在XHTML文档中,将其分为DTD声明区和HTML数据区,HTML数据区看作是一份XHTML的文档的主体,在该区域又划分为文档头与文档体两部分: XHTML文档的基本结构为:
2. 标记及XHTML代码规范
1.标记及其属性XHTML文档由标记和被标记的内容组成。标记(tag,在Dreamweaver中文版中,tag被翻译为标签)能产生所需的各种效果。格式为:<标记 属性1=“属性值1” 属性2=“属性值2” ?> 受标记影响的内容 标记> 通常标记是成对出现的,如
有些标记不是成对的,称为单标记。其格式为: <标记 属性1=\属性值1\属性2=\属性值2\? />例如,插入图片标记表示为:
2.XHTML代码规范
(1)所有标记都必须有相应的结束标记。 若是单独的标记,在标记最后加一个“空格/”关闭它。 如:
或
2
(2) 所有标记的名称和属性的名字都必须使用小写
(3) 所有的标记都必须合理嵌套 (4) 所有属性必须用引号括起来
(5) 把所有“<”、“>”和“&”特殊符号用编码表示 (6) 给所有属性赋一个值,没有值就重复本身
如:
(7) 只能在XTML注释的开头和结束使用“--”,其他注释用等号或空格替换内部虚线。
3. XHTML文档头和文档标题标记
XHTML文档头标记的格式为:
人生无常
水,喜欢平静;雨,喜欢洒脱;
也有风平浪静时, 也有水雨交融时;
人生无常, 却是人生如戏,戏如人生;
3
4 XHTML文档主体标记
XHTML文档主体标记的格式为:
网页的内容
5. 编辑和保存网页文件
用任何网页编辑器都能编辑制作XHTML文件。
最简单的是用“记事本”来编辑网页。① 打开记事本。② 创建新文件,并按XHTML语言规则编辑。③ 保存网页。网页文件的扩展名是.html或.htm。首页(主页)文件名设为index.html或index.htm。
6. 预览和修改网页文件
最简单的方法是用“Windows资源管理器”或“我的电脑”,找到.htm后双击即可。
2.2. 文本和图像标签 2.2.1 文本标记 1 注释标记
注释标记的格式为:
结束标记与开始标记可以不在一行上,长度不受限制。
2 强制换行和不换行标记
强制换行标记的格式为:文字
不换行标记格式为:
3特殊字符
常用的特殊字符见表:
4

