第四章 HTML.ppt

第四章　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 代码。我们在实现动态网页时，更需要理解、阅读HTML 代码，因此非常重要。2. 强调HTML 的功能：规定网页内容的显示格式。演示：切换到DreamWeaver 的代码视图。清空代码开始编写，并浏览显示。向学员说明