第2章 HTML简介及使用

2026/4/23 12:41:25

第2章 HTML简介及使用

教学内容:

1、 介绍网页标记语言及标记的使用; 2、介绍网页中多媒体标记; 3、 表单及框架的使用; 4、网页中插入样式表的方法

教学要求:

1、掌握网页文件的创建;

2、掌握网页的文本标记、图像标记,用超链接连接网页; 3、会运用表格来进行页面设计

4、了解网页添加多媒体效果的方法; 5、会运用表单和框架; 6、了解样式表的使用 教学课时:14

2.1 HTML文档基本结构 1 XHTML文档的基本结构

以一个XHTML文档实例,来介绍XHTML文档的基本结构,并由基本结构认识、、、、<body>等控制标记的使用。 </p><p> 2.2. 文本和图像标签 </p><p> 2.3 表格 </p><p>2.4 表单 【例2-1】</p><p><!DOCTYPE html PUBLIC \ \</p><p> </p><p> 1 </p><p><html xmlns=\ <head> </p><p> <meta http-equiv=\ <title>我的个人简介

个人简介

姓名:张丽

性别:女

出生日期: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文档头标记的格式为:

网页的标题 【例2-2】

人生无常

  

    水,喜欢平静;雨,喜欢洒脱;
    也有风平浪静时, 也有水雨交融时;
    人生无常, 却是人生如戏,戏如人生;

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


第2章 HTML简介及使用.doc 将本文的Word文档下载到电脑
搜索更多关于: 第2章 HTML简介及使用 的文档
× 游客快捷下载通道(下载后可以自由复制和排版)

下载本文档需要支付 10

支付方式:

开通VIP包月会员 特价:29元/月

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:xuecool-com QQ:370150219