第2章-HTML基本标签(二)-2017年-09-19-11-16-07.pptx

本章目标使用超链接实现页面间导航使用各种表单元素实现表单页面超链接 链接地址（目标）链接文本或图像超链接---实现页面间的导航语法示例演示示例：超链接的应用链接标签链接路径链接在哪个窗口打开常用值：_self、_blanka href=path target=目标窗口位置链接文本或图像/a文本超链接图像超链接a href=hetao.html target=_blank无漂白薄皮核桃/aa href=hetao.html target=_selfimg src=image/hetao.jpg alt=无漂白薄皮核桃 title=无漂白薄皮核桃//abase 标签base 标签为页面上的所有链接规定默认地址或默认目标窗口位置。base 标签必须位于 head 元素内部。head base target=_blank //headbody a href=W3School/a/body 链接路径 相对地址：相对于当前目录的地址，常用 绝对地址：指向目标地址的完整描述 ，少用 a href=login/login.htm登录/aa href=/memAdmin/login/login.htm登录/aa href=搜狐/a……a href=../web1.htm上级目录/aa href=../../web2.htm上上级目录/a……上上级目录：../../上级目录：../URL—统一资源定位器使用 HTTP 的 URL 的一般形式： http://主机:端口/路径文件 例如：:80/login/login.htm超链接的三类应用场合4-1 页面间链接从一个页面链接到另外一个页面 锚链接 功能性链接 相对路径…… a href=register/register.html[免费注册]/a a href=login/login.htm[登录]/a ……常用于网站导航操作演示：锚链接（同页）超链接的三类应用场合4-2 实现锚链接 1、定义标记（锚）：a name=标记名目标位置/a2、设置链接到标记位置：a href=#标记名当前位置/a A.页面内的锚链接适用于页面内容较多，超过一屏的场合设置链接到标记位置……a href=#star[明星专区]/a…… a name=“star”明显专区内容/a……定义标记超链接的三类应用场合4-3 实现锚链接……链接页….明星体验：a href=anchor.html#star明星专区/a ……B.页面间的锚链接……标记所在页….a name=star[明星专区]/a……超链接的三类应用场合4-4 功能性链接邮箱、QQ链接等 ……a href=mailto: guimeiWebMater@站长信箱/a……教学演示案例2\示例7：注释\mark.html操作演示：注释标签注释 注释!--注释内容 --用于增加代码的可读性，不显示…… !-- li被注释掉的行将不显示/li -- li正常显示行1/li li正常显示行2/li…… 特殊符号 特殊符号空格：nbsp; 大于()：gt; 小于(）: lt; 引号（”）：quot; 版权号(?) ：copy; 1、因为、等符号在HTML中已使用，所以必须用其他符号来代替2、都以分号结束（；）……COPYRIGHT copy;npbs;nbsp;2003-2010nbsp;nbsp; a href=“index.htm”北京市贵美商城有限公司 ……为什么使用表单 表单的典型应用提供搜索工具收集用户反馈信息用户登录/注册Internet表单的执行原理 表单的典型应用：假定登录 126 邮箱客户端：请求登录，通过表单填写账户信息12客户端和服务器类似两人沟通一样，从而建立交互活动服务器端：验证发来的账号信息，然后给出反馈常见的表单元素单行文本框(text)密码框(password)文本域(textarea)单选按钮(radio)下拉列表(select)复选框(checkbox)提交按钮(submit)重置按钮(reset)经验语法演示示例：表单的基本结构表单语法规定如何发送表单数据常用值：get | post表示向何处发送表单数据form method=post action=result.jsp p 名字：input name=name type=text / /p p 密码：input name=pass type=password / /p p input type=submit name=Button value=提交/ input type=reset name=Reset value=重填/ /p/form在实际网页开发中通常采用post方式提交表单数据表单元素的基本格式 控件的名称指定元素的类型，可为text、radio、submit