北大青鸟.软件工程师HTMLTP4.pptVIP

第四章　 HTML 回顾1-1 表单有什么用？表单FORM有哪些属性？ 文本框分为哪三种？各有什么特点？ 希望昵称文本框不超过10个字符，应使用哪个属性加以限制？ 单选按钮和复选框有什么区别？ 回顾1-2 按钮分为哪三种？各有什么功能？ 根据您的理解，下拉菜单的选项和值有什么区别？ 常见的有哪些事件？哪些行为？ 目标 描述 HTML 文档的结构 使用基本的 HTML 标签 在 HTML 文档中插入特殊字符 在 HTML 文档中创建超级链接 HTML 简介 HTML 文档示例 编辑器和浏览器 编辑器 2-2 HTML 文档结构 HTML 标签 2-2 META 标签 2-1 META 标签是一个特殊的 HTML 标签，提供有关网页的信息，如作者姓名、公司名称和联系信息等 许多搜索引擎都使用 META 标签信息 例如，要将 Graham Browne 指定为作者，则使用以下 META 标签： META 标签 2-2 http-equiv 属性可用来代替 META 标签中的 name 属性 HTML 基本元素 标题 段落 换行符 预先格式化 字符格式化 列表 水平线 字体 图像 特殊字符 超级链接 标题 段落标签 换行符 只要在文本中放入 BR 标签，就会强制换行 Pre 标签 字符格式化标签 列表简介 列表用于按逻辑方式对数据分组 列表类型：无序列表 列表类型：有序列表 使用水平线 使用字体和属性 插入图像 2-1 插入图像 2-2 插入特殊字符 2-1 某些字符在 HTML 中具有特殊意义，如小于号 () 定义 HTML 标签的开始 字符实体用于在 HTML 文档中插入特殊字符，如版权号 ，注册商标等 插入特殊字符 2-2 创建超级链接 绝对和相对路径名 链接到同一文档的某个部分2-1 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记  为达到这种跳转效果，请在 HREF 参数中使用该标记 链接到同一文档的各个部分2-2 链接到其他文档的特定位置 电子邮件链接 用户可从网页发送电子邮件 总结 2-1 HTML 标签一般配对使用，不区分大小写 标签都具有属性。属性提供关于网页上 HTML 元素的附加信息 META 标签放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签 标题级标签使用H1…H6 总结 2-2 段落标签使用P align＝“对齐方式”…/P 无序列表使用UL标签,有序列表使用OL标签 字体标签Font color=“颜色” size=“大小” face＝“字体” 超链接标签A href=“链接地址”超链接文本/A . . . BODY A HREF = #Lion狮子/A BR A HREF = #Zebra斑马/A BR A HREF = #Cheetah印度豹/A BR A NAME = Lion狮子/A P狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达 250 公斤。而雌狮则要轻得多，只有 180 公斤。 BR A NAME = Zebra斑马/A P没有任何两匹斑马的斑纹完全一样，因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马...... 演示:锚链接例子 … P让我们深入了解一些动物 BR A HREF=AnimalDetails.htm#Lion狮子/A BR A HREF=AnimalDetails.htm#Zebra斑马/A BR A HREF=AnimalDetails.htm#Zebra印度豹/A … Animals.htm … A NAME = Lion狮子/A P狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达 250 公斤。而雌狮则要轻得多，只有 180 公斤。… Animaldetails.htm HTML HEAD TITLE海豚/TITLE /HEAD BODY H3充分交流，密切配合/H3 BR P据说，海豚的交流模式几乎与人类的一样复杂！ BR BR A HREF=mailto:thisperson@请将您的疑问发送至 David Fernandez/A /BODY /HTML 参考答案： 学员很可能回答不全，教员给以鼓励，同时给予补充完整。 1）表单用于收集客户端浏览者的信息；表单有action动作、method方法属性。 2）文本框分为：单行文本框、密码框、文本域（多行文本框） 3）使用最多字符数（最多长度）属性。 4）单选按钮用于多选一，而复选框预允许多选多。 1.提问：HTML语言是用来做什么？ 引导：做网页。 顺便告诉学员，DreamWeaver能自动生成HTML代码，但是有时我们还是需要人工修改HTML代码。我们在实现动态网页时