网页设计———HTML基本标记.pptVIP

第 二 章 HTML基本标记 HTML基本标记 * 自定义编号 大写罗马数字 LI TYPE = I 小写罗马数字 LI TYPE = i 大写字母 LI TYPE = A 小写字母LI TYPE = a 从第n个值开始编号OL START = n HTML HEAD TITLE学习HTML/TITLE /HEAD BODY UL LI星期一 OL LI TYPE = i简介HTML /LI LI TYPE = i创建列表/LI /OL LI星期二 OL LI TYPE = a创建表/LI LI TYPE = a插入图像/LI /OL LI星期三 LI星期四 LI星期五 /UL /BODY /HTML * 定义列表 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY DL DT星期日 DD一周的第一天 DTHTML DD超文本标记语言 DT互联网 DD网络的网络 /DL /BODY /HTML 定义列表用于生成术语列表（术语和定义）。定义列表包含在DL .. /DL标记内。 DT标记用于指定要定义的术语，而DD标记用于对术语的定义。 * 水平线 HTML HEAD TITLE欢迎使用HTML/TITLE /HEAD BODY H3我的第一个HTML文档/H3 HR noshade size = 5 align = center width = 50% HR size = 15 align = left width = 80% HR P这将会是一种很有趣的体验 /BODY /HTML HR水平线标记用于在页面上绘制一条水平线。可借助于下列属性控制水平线。 它只有开始标记，没有结束标记，且不包含任何内容。 * HTML 文档中的图片 GIF（Graphics Interchange Format ）图像 (.GIF) 支持图形渐近 透明 GIF 图像 支持动画 支持无损压缩 JPEG（Joint Photographic Experts Group）图像 (.JPG) PNG（Portable Network Graphics ） * 插入图像 HTML HEAD TITLE插入图像/TITLE /HEAD BODY H1FONT SIZE=3 COLOR=FORESTGREEN B插入图像/B/FONT/H1 HR P IMG ALIGN=BOTTOM SRC=cats.jpg底部对齐/P P IMG ALIGN=TOP SRC=cats.jpg顶部对齐 /P P IMG ALIGN=MIDDLE SRC=cats.jpg居中对齐/P /BODY /HTML IMG标记用于将图像插入到HTML文档中。可以将IMG标记放置在要显示图像的位置。语法为：IMG SRC=URL其中SRC是属性，而值是指定图像文件位置的URL。 IMG标记的ALIGN属性可以用于调整图像相对于周围文本的对齐方式。语法为：IMG ALIGN=top SRC=PICTURE.GIF BORDER=0 * 总结： 使用字符级标记，控制字符的格式。 可使用BLOCKQUOTE元素显示文档中的引用文本。 使用块标记DIV和SPAN。 列表用于从逻辑上组织数据。 使用FONT标记控制字体相关属性。 IMG标记用于将图像插入到HTML文档中。 * 把英文解释一下。 * 这里就是介绍HTML这种标记性语言的语法 * * * * * * * 区分跨段落的内容块与段落内的内容块： 跨段落的内容块：对象是一段文字 段落内的内容块：对象是一段文字中的某些字 举出实际应用需求 * * * * * 嵌套多个列表 * * Shade表示这条线里面是否是完全用颜色填充的 * * * 回顾： 掌握HTML文档的结构 掌握HTML标记构成及其使用方法 熟练使用超链接 ● HyperText Markup Language—超文本标记语言 制作Web页面的基本编程语言 一系列标记的集合 用HTML编写的超文本文档称为HTML文档。 ● HTML文档的编写方法 手工直接编写：记事本、EditPlus等，存成.htm  或.html文件 可视化编辑器：Dreamweaver、 Front