HTML基本标记.ppt

基本标记 回顾： 了解互联网 编写简单的 HTML 文档 在 HTML 文档中使用超链接 使用 META 标记 了解网站的布局结构 目标 基本 HTML 元素 标题标记 段落级标记 块标记 字符级标记 列表 水平标尺标记HR 字体标记 FONT IMG 标记 标题标记 HTML HEAD TITLEHTML 简介/TITLE /HEAD BODY H1HTML 简介/H1 H2HTML 简介/H2 H3HTML 简介/H3 H4HTML 简介/H4 H5HTML 简介/H5 H6HTML 简介/H6 /BODY /HTML 段落级标记：ADDRESS 标记 它可以包含下列内容：到主页的链接,有哪些信誉好的足球投注网站字符串功能,版权 信息,文档的作者、地址、签名等信息,……… 段落级标记：BLOCKQUOTE 标记 段落级标记：PRE 标记 块标记SPAN、DIV DIV…/DIV可以定义跨段落的内容块； SPAN…/SPAN定义段落内的内容块 字符级标记 字符级标记（示例） HTML HEAD TITLE字符级标记示例/TITLE /HEAD BODY P ALIGN=centerB字符级标记示例/B/P P圆的面积=pi*rSUP2/SUP/P P水的化学符号：HSUB2/SUBO/P PEM这是一种很有趣的体验/EM/P /BODY /HTML 列表 无序列表 有序列表 定义列表 无序列表 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY UL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /UL /BODY /HTML 自定义项目符号 LI TYPE = SQUARE方形项目符号 LI TYPE = DISC实心圆项目符号 LI TYPE = CIRCLE空心圆项目符号 有序列表 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY OL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /OL /BODY /HTML 自定义编号 大写罗马数字 LI TYPE = I 小写罗马数字 LI TYPE = i 大写字母 LI TYPE = A 小写字母LI TYPE = a 从第n个值开始编号OL START = n 定义列表 水平标尺 使用FONT标记 添加颜色 HTML 文档中的图片 GIF（Graphics Interchange Format ）图像 (.GIF) 支持图形渐近 透明 GIF 图像 支持动画 支持无损压缩 JPEG（Joint Photographic Experts Group）图像 (.JPG) PNG（Portable Network Graphics ） 插入图像 总结： ADDRESS元素用于显示HTML文档的作者、地址和签名等信息。 可使用BLOCKQUOTE元素显示文档中的引用文本。 使用字符级标记，控制字符的格式。 使用块标记DIV和SPAN。 列表用于从逻辑上组织数据。 使用FONT标记控制字体相关属性。 IMG标记用于将图像插入到HTML文档中。 Version 3.0 Version 3.0 第 二 章 使用基本标记 在 HTML 文档中插入图像 可显示六种大小的标题，即H1到H6，H1为最大，H6为最小 HTML HEAD TITLE欢迎学习 HTML/TITLE /HEAD BODY BGCOLOR = lavender H3我的第一个 HTML 文档/H3 P这将是一种很有趣的体验 H2使用另一个标题/H2 P 另一个段落元素 ADDRESS PA href=/单击此处访问北京阿博泰克北大青鸟信息技术有限公司的主页/A /ADDRESS /BODY /HTML HTML HEAD TITLE学习HTML/TITLE /HEAD BODY Pblockquote元素用于以文本块的形式设置内容格式。 BLOCKQUOTE 汉普蒂·邓普蒂坐在墙上 汉普蒂·邓普蒂摔了一大跤 国王所有的马 和所有的人 也无法再把汉普蒂·邓普蒂拼起来 /BLOCKQUOTE P请注意，上述内容显示为一个文本块。 /BODY /HTML 可以使用BLOCKQUOTE元素显示文档中的引用文本。BLOCK