HTML链接.pptx

HTML链接超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。一般情况下当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。我们通过使用 a 标签在 HTML 中创建链接。有两种使用 a 标签的方式： 1.通过使用 href 属性 - 创建指向另一个文档的链接 2.通过使用 name 属性 - 创建文档内的书签HTML链接HTML 链接语法 链接的 HTML 代码很简单。它类似这样： a href=“url”链接文字或图片/a href 属性规定链接的目标。 开始标签和结束标签之间的文字被作为超级链接来显示。实例 a href=“/”岳阳竞网/a a href=“/”img src=“logo.gif” //aHTML链接—target 属性使用 Target 属性，你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档：a href=“/” target=“_blank“岳阳竞网/a四种值： _blank在新窗口打开_parent在父窗口打开_self在本窗口打开_ top在上一级窗口打开 HTML链接—name 属性name 属性规定锚（anchor）的名称name 属性用于创建 HTML 内部的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。命名锚的语法： a name=“label”锚文本/aHTML链接—name 属性实例HTML 文档内部的已命名的锚： a name=“tips”Useful Tips Section/a然后，我们创建指向相同文档中“有用的提示”部分的链接： a href=#tipsVisit the Useful Tips Section/a或者，创建从另一个页面指向该文档中“有用的提示”部分的链接： a href=“/html_links.htm#tips”链接文字/a在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。提示：命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。HTML 列表无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于 ul 标签。每个列表项始于 li。ulliCoffee/liliMilk/li/ul浏览器显示如下：?Coffee?Milk列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。HTML 列表有序列表 同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 ol 标签。每个列表项始于 li 标签。olliCoffee/liliMilk/li/ol 浏览器显示如下：1.Coffee2.Milk在ol中使用start，设置起始序号。在li中使用value，改变列表标号顺序列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。HTML 列表定义列表 自定义列表不仅仅是一列项目，而是项目及其注释的组合。 自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始。dldtCoffee/dtddBlack hot drink/dddtMilk/dtddWhite cold drink/dd/dl 浏览器显示如下：Coffee Black hot drinkMilk White cold drink定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。浏览器提交表单与服务器交互过程HTML 表单和输入表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入信息的元素。比如：文本域、下拉列表、单选框、复选框等等表单使用表单标签（form）定义。form method=“get/post”action=“handle url”.../form属性METHOD用于指定向服务器发送表单数据时所使用的HTTP方法，可以是GET或者POST这两种中的一种。GET是缺省的方法。当采用GET方法提交表单时，提交的数据被附加到URL的末端，作为URL的一部分发送到服务器端。例如：我们指定action=checklogin.asp，提交表单后，在浏览器的地址栏中我们可以看到：/checklogin.asp?username=zhupassword=129939POS