1 编 辑 HT ML
要 在 Web 页 面 上 显 示 文 本 你 可 以 简 单 启 动 一 个 新 HTML 文 档 .htm 文 件 或 ASP 页 面 .asp 文 件 并 把 文 本 键 入 到 页 面 上 如 果 需 要 对 文 本 赋 予 一 定格 式 或 加 上 一 些 特 性 如 图 像 或 到 页 面 的 链 接 就 要 使 用 HTML 超 级 文 本 标记 语 言
如 果 你 不 是 一 位 HTML 专 家 你 大 概 希 望 在 开 始 工 作 以 前 先 熟 悉 一 下 HTML
是 如 何 工 作 的 熟 悉 HTML 可 以 帮 助 你 获 得 基 于 Web 的 应 用 以 外 的 许 多 东 西
在 建 立 HTML 文 本 的 时 候 你 经 常 使 用 编 辑 器 中 的 Design 视 图 这 个 视 图按 指 定 的 格 式 显 示 文 本 即 在 文 字 处 理 软 件 中 你 阅 读 文 档 所 使 用 的 样 式 设 计视 图 是 .htm 文 件 的 默 认 编 辑 器
要 对 文 档 上 更 精 确 地 控 制 可 以 在 Source 视 图 中 进 行 编 辑 这 个 视 图 显 示文 本 和 和 赋 予 文 本 格 式 的 HTML 标 记
使 用 HT ML 标 记
HTML 编 写 的 时 候 要 使 用 一 些 标 记 tags 这 些 标 记 是 嵌 入 在 文 本 中 的 格 式命 令 标 记 两 边 是 尖 括 号 < 和 > 从 而 把 标 记 与 周 围 的 文 本 区 别 开 来 标 记 一般 是 成 对 使 用 在 你 希 望 赋 予 格 式 的 文 本 上 使 用 的 顺 序 是 一 个 开 头 标 记 文本 和 一 个 结 束 标 记 ( 结 束 标 记 带 有 正 斜 杠 符 号 / ) 例 如 下 边 一 行 示 出 你 对 一些 文 字 赋 予 粗 体 格 式 <B> 对 另 一 些 文 字 赋 予 斜 体 格 式 <I> :
<B>Welcome </B> to my <I>home p age</I>.
当 你 在 浏 览 器 中 显 示 的 时 候 这 行 文 字 是 如 下 这 个 样 子
We lcom e to my home page.
HTML 包 括 用 于 字 符 格 式 化 和 段 落 格 式 化 的 标 记 例 如 使 段 落 置 于 中 心 位置 还 有 用 于 规 定 特 性 的 标 记 如 规 定 图 像 链 接 表 格 和 格 式 等 下 表 简 单介 绍 常 用 标 记
插 入 |
使 |
用 |
举 |
例 |
|||
---|---|---|---|---|---|---|---|
新 段 落 |
<P> |
<P> 这 是 第 一 段 </P><P> 这 是 |
|||||
第 二 段 </P> |
|||||||
图 像 |
<IMG> 加 上 要 显 示 图 像 文 件 的 名 字 |
<IMG SRC= ” Monalisa.g if ” > |
|||||
链 接 |
<A> 加 上 要 跳 到 的 页 面 |
地 |
址 |
后 |
跟 |
链 |
<A H REF= ” home.htm ” >Go to |
接 的 文 本 |
Home page< /A> |
||||||
表 格 |
<Table> 用 于 定 义 表 格 |
<TABLE> |
|||||
<TR> 用 于 每 行 |
<TR> |
||||||
<TD> 用 于 每 个 表 元 |
<TD>Row 1 , Cell 1 |
||||||
</TD> |
</TR> <TR> |
||
---|---|---|
<TD>Row |
2, Cell |
1 |
</TD> |
||
</TR> |
表 单 |
<FORM> 用 于 定 义 表 单 <INPUT> 用 于 定 义 控 件 |
如 |
文 本 |
框 |
和 |
</TABLE> <FORM> Name: |
---|---|---|---|---|---|---|
按 钮 |
<INPUT Typ e= ” Text ” > <INPUT Typ e= ” Submit ” > |
|||||
</FORM> |
注 意 : 使 用 HTML 菜 单 中 的 命 令 你 很 容 易 在 文 档 中 创 建 HTML 元 素
详 细 内 容 参 见 Visual InterDev 在 线 文 档 中 Inserting Links and Bo okmarks in Web Pages 在 Web 页 面 中 插 入 链 接 和 书 签 和 Creating and Editing Tables in the HTML Editor 在 HTML 编 辑 器 中 创 建 和 编 辑 表 格
要 创 建 格 式 你 可 以 使 用 Visual I nterDev 设 计 期 间 控 件 详 细 内 容 参见 第 二 十 四 章 用 设 计 期 间 控 件 和 脚 本 对 象 编 写 脚 本 中 的 用 设 计 期 间 控 件创 建 格 式 一 节
在 编 辑 器 中 创 建 HT ML
Visual Int erDevb 编 辑 器 允 许 你 在 新 页 面 或 已 有 页 面 中 创 建 HTML 详 细 内容 参 见 第 二 章 Web 基 础 中 的 创 建 页 面 一 节
在 进 行 编 辑 的 时 候 可 以 在 下 列 不 同 形 式 中 使 用 HTML 进 行 工 作
- 在 Design 视 图 中 你 可 以 为 文 本 和 节 指 定 格 式 其 格 式 形 式 同 文 字 处理 软 件 的 格 式 而 该 编 辑 器 为 你 嵌 入 相 应 的 HTML 标 记
例 如 如 果 你 选 择 文 本 并 单 击 工 具 栏 中 加 粗 按 钮 编 辑 器 便 把 <B> 和 </B> 标 记 插 入 到 所 选 择 文 本 的 两 边 更 复 杂 的 标 记 例 如 图 像 标 记 和 表 格 标记 你 可 以 用 填 充 选 择 把 整 个 元 素 插 入 到 一 个 对 话 框 中
- 在 Source 视 图 中 你 可 以 看 见 HTML 标 记 并 直 接 编 辑 这 些 标 记 你 还可 以 使 用 工 具 栏 按 钮 或 菜 单 命 令 嵌 入 这 些 HTML 标 记 如 在 Design 视 图中 所 做 的 那 样 例 如 可 以 用 选 择 一 个 菜 单 命 令 或 指 定 一 个 对 象 页 面 的办 法 来 插 入 一 条 链 接
在 Source 视 图 中 编 辑 器 为 HTML 文 本 配 置 颜 色 可 以 帮 助 你 醒 目 地 区 分
HTML 标 记 的 不 同 部 分 例 如 标 记 名 字 用 一 种 颜 色 显 示 标 记 属 性例 如 SIZE= 用 另 外 一 种 颜 色 显 示 未 被 确 认 的 文 本 也 可 以 加 上 颜 色这 样 可 以 帮 助 你 迅 速 发 现 错 误 例 如 不 匹 配 的 括 号
提 示 : 你 可 以 在 选 项 窗 口 中 改 变 编 辑 器 字 体 样 式 和 颜 色 从 Tools 菜 单 选择 Options,扩 展 Text Edito r 节 点 再 选 择 字 体 和 颜 色
- 在
Quick 视 图 中 你 可 以 看 到 .htm 文 件 看 上 去 就 像 在 Internet Explorer 中 见 到 的 一 样 Quick 视 图 显 示 的 .asp 文 件 可 能 不 十 分 精确
在 编 辑 过 程 中 任 何 地 方 都 可 以 在 不 同 视 图 之 间 进 行 转 换 从 而 你 可 以 及 时看 到 正 进 行 的 编 辑 效 果 如 何
转 换 视 图
- 在 编
辑 窗 口 的 底 部 选 择 你 希 望 的 视 图 标 识 符 号
注 意 : 当 你 在 Source 和 Design View 之 间 进 行 转 换 时 编 辑 器 可 能 有 一个 空 白 调 整 时 间 例 如 出 现 空 白 和 标 识 符 号 接 着 完 成 任 何 未 完 成的 在 Web 页 面 上 存 在 的 HTML 标 识 符 号 详 细 情 况 参 见 Visual InterDev 在 线 文 档 中 Design View,HTML Editor 设 计 视 图 HTML 编 辑 器
当 你 建 立 或 开 发 一 个 Web 页 面 时 是 用 Design 视 图 还 是 用 Source 视 图 显示 出 来 取 决 于 你 正 在 编 辑 的 Web 页 面 的 类 型 所 对 应 的 默 认 视 图
改 变 默 认 视 图
1 . 从 Tools 菜 单 中 选 择 Options.
-
在 左 窗 格 展 开 HTML.
-
在 Initial Vi ew 范 围 内 为 HTML 页 面 .htm 或 .html 或 为 ASP .asp
页 面 选 择 默 认 视 图