html 标签ppt,HTML的基本标签.ppt

课程地位 就业技能结构图 本门课程目标和课程项目展示 本门课程目标 学完本门课程后，你能够： 课程项目展示 预习检查 请详述HTML文档的基本结构。 图像与文本的对齐方式有哪几种？ 通常使用那个标签的那个属性来创建超链接？ 本章任务 制作图文并茂的“广告”页面 本章目标 会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 HTML文件的基本结构 HTML文档的结构 使用记事本创建网页 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 标签 页面背景色或背景图像 文本相关标签 字体、字号 标题标签

－

标签 特殊符号 行的控制 段落标签

换行标签
字体、字号相关标签 标题标签 ... #=1, 2, 3, 4, 5, 6 说明：

到

字体大小依 次递减 字体、字号相关标签 标签 特殊符号 字体、字号相关标签 行的控制相关标签 段落标签

段(Paragraph) (可以看作是空行)

换行标签
换行
图像标签 常见的图片格式介绍 图像标签 图像的基本语法 图像标签 图像与文本的对齐方式 小结1 编写如下图所示效果对应的html代码 文字布局 内容分隔

---

标签 项目列表和编号 有序列表

1. 无序列表

• 预格式文本

标签 如何使用内容分隔标签    如何使用列表 无序列表语法  

• 列表项内容 ……

有序列表语法

1. 列表项内容 ……

预格式文本

标签 如何使用预格式文本

标签 页面链接标签 链接到其他页面   [免费注册] 页面链接标签 链接到其他页面 相对路径 指定从根目录到文件的完整路径。 绝对路径 指定相对于当前文件的文件位置。 页面链接标签 页面链接标签        要实现如下图所示的超链接效果，怎么办？ 页面链接标签 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记  主题名称 为达到这种跳转效果，请在 HREF 参数中使用该标记 主题名称  页面链接标签 电子邮件链接 要链接电子邮件，可在链接标签中插入”mailto:邮箱地址” 站长信箱 滚动标签        滚动文字或图像   滚动标签 小结2 总结 哪个标签中的哪个属性可以改变字体颜色和字号？ 图像与文本的对齐方式有哪几种？ 项目列表和编号有何区别？分别适用什么场合？ 链接到其他页面时，路径的表示方法有两种：相对路径和绝对路径，这两种路径有何区别和联系？ 演示示例5：演示电子邮件链接    电子邮件链接   ……    站长信箱 ……   单击”站长信箱”链接后的输出结果 任何正确的电子邮箱地址均可 滚动延迟时间 滚动对象的方向 说明： scrolldelay：表示滚动延迟时间，默认值为90。 direction：表示滚动的方向，默认为从右向左。 查看源代码  水平滚动垂直滚动