《北大青鸟.软件工程师HTML.ppt》由会员分享，可在线阅读，更多相关《北大青鸟.软件工程师HTML.ppt（35页珍藏版）》请在金锄头文库上搜索。
1、ACCP V4.0第四章第四章HTMLACCP V4.0回顾1-1q表单有什么用？表单有哪些属性？q 文本框分为哪三种？各有什么特点？q希望昵称文本框不超过10个字符，应使用哪个属性加以限制？q单选按钮和复选框有什么区别？2ACCP V4.0回顾1-2q按钮分为哪三种？各有什么功能？q根据您的理解，下拉菜单的选项和值有什么区别？q常见的有哪些事件？哪些行为？3ACCP V4.0目标q描述 HTML 文档的结构q使用基本的 HTML 标签q在 HTML 文档中插入特殊字符 q在 HTML 文档中创建超级链接4ACCP V4.0HTML 简介超文本提供链接到其他页面或同一页面的其他位置的文本标记可
2、以用标签标记页面的不同部分以正确显示语言HTML 可用于可用于：控制页面和内容的外观发布和检索联机文档创建联机表单插入诸如音频剪辑和视频剪辑等对象5ACCP V4.0HTML 文档示例学习 HTML欢迎来到 HTML 世界HTML 代码浏览器处理代码并进行显示6ACCP V4.0编辑器和浏览器学习 HTML欢迎来到 HTML 世界HTML 代码代码在编辑器中编写 HTML 代码浏览器显示 HTML 文档/页面7ACCP V4.0编辑器 2-2需要在编辑器中键入源代码示例：DreamWeaverMacromedia Dreamweaver 是一种专业的 HTML 编辑器，用于设计、编码、开发网站
3、、网页和强大的 Web 应用程序。8ACCP V4.0HTML 文档结构学习 HTML 欢迎来到 HTML 世界HTML 网页头部部分主体部分标签标记 HTML 文档的开始和结束这部分包括标题和其他说明信息。包括在 标签内这部分包含文本、图像和链接。它包括在 标签内9ACCP V4.0学习 HTML 欢迎来到 HTML 世界HTML 标签 2-2标签标识 BODY 元素属性属性提供有关元素的附加信息值分配给属性的内容10ACCP V4.0META 标签 2-1qMETA 标签是一个特殊的 HTML 标签，提供有关网页的信息，如作者姓名、公司名称和联系信息等q许多搜索引擎都使用 META 标签信
4、息q例如，要将 Graham Browne 指定为作者，则使用以下 META 标签： 11ACCP V4.0META 标签 2-2qhttp-equiv 属性可用来代替 META 标签中的 name 属性 表示有效期：格林尼治标准时间 2005 年 9 月 12 日，星期一 14:25:27 属性值：具体的过期时间属性名称：网页过期 表示每隔2秒，自动刷新网页 演示：自动刷新的例子12ACCP V4.0HTML 基本元素q标题 q段落q换行符q预先格式化q字符格式化q列表q水平线q字体q图像q特殊字符q超级链接13ACCP V4.0标题动物世界从大自然获得灵感从大自然获得灵感从大自然获得灵感从
5、大自然获得灵感从大自然获得灵感从大自然获得灵感H1 到到 H6 标签用于指定不同级别的标题标签用于指定不同级别的标题14ACCP V4.0段落标签诗词学习我是第一段我是第二段左对齐显示居中显示右对齐显示 标签用于标记段落标签用于标记段落15ACCP V4.0换行符q只要在文本中放入 标签，就会强制换行 诗词学习我是第一行我是第二行 我是第一段我是第二段16ACCP V4.0 标签诗词学习诗词学习静夜思静夜思 床前明月光床前明月光 疑是地上霜疑是地上霜 举头望明月举头望明月 低头思故乡低头思故乡 HTML 标签用于显示具有预先定义格式的文本（如 HTML 文档中所示）17ACCP V4.0学习
6、HTML这很有趣这很有趣足球是最令人喜爱的运动之一足球是最令人喜爱的运动之一。信息技术是发展的关键信息技术是发展的关键。 水的分子式是水的分子式是 H 2 O。 3 2 等于等于 9。 字符格式化标签此标签用于对文本应用各种格式，如粗体、斜体、下划线、下标、上标等18ACCP V4.0列表简介q列表用于按逻辑方式对数据分组 玫瑰花向日葵兰花苹果桔子水仙芒果水果苹果 芒果桔子花卉水仙兰花向日葵玫瑰花19ACCP V4.0列表类型：无序列表 星期中的每一天星期日星期一星期二星期三星期四星期五星期六无序列表也称为“项目列表”20ACCP V4.0星期中的每一天星期日星期一星期二星期三星期四星期五星期
7、六 列表类型：有序列表 有序列表的属性在有序列表中，列表项以自动生成的顺序显示 21ACCP V4.0使用水平线动物世界老虎的夜间视觉 老虎的夜视能力优于人类的夜视能力五倍以上 标签属性 alignWidthSizeNoshade 标签用于在页面上绘制水平线 22ACCP V4.0使用字体和属性动物世界了解有关动物的更多信息斑马的特性没有任何两匹斑马的斑纹是完全一样的，因此每匹斑马都是独一无二的 可以按名称或十六进制值指定颜色可以为字体指定的大小范围为从 1 到 7可以指定一列字体，各字体间用逗号分隔。浏览器以最先找到的字体显示文本 元素及其相关属性（如 SIZE、COLOR 和 FACE）可
8、用于控制网页上文本的显示 23ACCP V4.0 标签用于在 HTML 文档中插入图像。 标签的两个常用属性是 SRC 和 ALIGN。SRC 属性用于指定要插入的图像位置。ALIGN 属性用于指定图像相对于文本的对齐方式。插入图像 2-124ACCP V4.0插入图像 2-2动物世界让我们看看这些可爱的动物底部对齐顶部对齐居中对齐 25ACCP V4.0插入特殊字符 2-1q某些字符在 HTML 中具有特殊意义，如小于号 ( 空格 ；26ACCP V4.0插入特殊字符 2-2特殊字符特殊字符字符实体字符实体大于号 () > 小于号 () < 引号 (“) " ®
9、 ©& 号& 27ACCP V4.0创建超级链接了解鸟类了解鸟类会弹琴的狗狗会弹琴的狗狗 单击此处查看单击此处查看28ACCP V4.0要链接到另一目录 (C:example) 下的页面，可编写 或 要链接到同一目录 (C:html) 下的页面，可编写 或 C:html 目录目录C:example目录目录绝对和相对路径名Doc1.htmDoc3.htmDoc2.htmDoc4.htm绝对路径名绝对路径名相对路径名相对路径名29ACCP V4.0链接到同一文档的某个部分2-1q锚记标签用于使用户“跳”到文档的某个部分 qHTML 的 NAME 属性用于创建锚标记 q为达到这种跳
10、转效果，请在 HREF 参数中使用该标记主题名称主题名称30ACCP V4.0链接到同一文档的各个部分2-2. . .狮子斑马印度豹狮子狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达 250 公斤。而雌狮则要轻得多，只有 180 公斤。斑马没有任何两匹斑马的斑纹完全一样，因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马.演示:锚链接例子31ACCP V4.0链接到其他文档的特定位置让我们深入了解一些动物狮子斑马印度豹Animals.htm狮子狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达 250 公斤。而雌狮则要轻得多，只有 180 公斤。Animaldetails.htm32ACCP V4.0电子邮件链接q用户可从网页发送电子邮件海豚充分交流，密切配合据说，海豚的交流模式几乎与人类的一样复杂！请将您的疑问发送至 David Fernandez33ACCP V4.0总结 2-1qHTML 标签一般配对使用，不区分大小写q标签都具有属性。属性提供关于网页上 HTML 元素的附加信息qMETA 标签放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签q标题级标签使用34ACCP V4.0总结 2-2q段落标签使用q无序列表使用标签,有序列表使用标签q字体标签q超链接标签超链接文本35
