练习做一个邮箱的注册页面

1.12行2列的表格

2.表格里面嵌入表单

3.最后建一个锚点

4.写具体内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>做一个邮箱注册地址</title>

</head>

<body background="360小图标/渐变色.png">

<table background="360小图标/青白渐变.png" height="400" align="center">

<a name="返回"></a><!--插入个锚点:锚点的标签 -->

<tr>

<td width="100">邮箱：</td>

<td width="300"><input type="text"/></td>

</tr>

<tr>

<td></td>

<td>需要通过邮箱激活账户，不支持sohu,21cn,sogou的邮箱</td>

</tr>

<tr>

<td>登陆用户名:</td>

<td><input type="text" /></td>

</tr>

<tr>

<td></td>

<td>仅在登陆时使用，字符数不少于4个</td>

</tr>

<tr>

<td>显示名称:</td>

<td><input type="text"/></td>

</tr>

<tr>

<td></td>

<td>即昵称，字符数不少于2个</td>

</tr>

<tr>

<td>密码:</td>

<td><input type="password" /></td>

</tr>

<tr>

<td>确认密码:</td>

<td><input type="password" /></td>

</tr>

<tr>

<td></td>

<td>至少8位，必须包含字母、数字、特殊字符</td>

</tr>

<tr>

<td>性别：</td>

<td><select size="1" >

<option value="1">男</option>

<option value="2">女</option></select>

</td>

</tr>

<tr>

<td>喜好：</td>

<td>

<select size="1">

<option value="1">听音乐</option>

<option value="2">跑步</option>

<option value="3">唱歌</option>

</select>

</td>

</tr>

<tr>

<td></td>

<td><input type="submit" value="注册" /></td>

</tr>

</table>

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<a href="#返回"><div align="right" style="text-decoration:underline"><font face="楷体" size="+1">返回顶端&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></div></a>

<!--锚点链接 -->

</body>

</html>

效果图

再点返回顶层时，会自动跳转至第一个单元格

HTML——表单与锚点的更多相关文章

  1. HTML 部分常用属性、组成属性|...超链接、路径、锚点、列表、滚动、URL编码、表格、表单、GET和POST

    URL地址 就是我们所说的网址:www.jd.com 浏览器内核,渲染引擎 Ie内核:triteent 谷歌/欧鹏:blink 火狐:gecko 苹果:webkit 渲染引擎是出现兼容性的根本问题 - ...

  2. 《ASP.NET MVC高级编程（4版）》读书笔记（5）表单和HTML辅助方法

    5.1 表单使用 5.1.1 action 和 method 特性 <form action="/Home/Index">     <input name=&qu ...

  3. 表单和 HTML 辅助方法– ASP.NET MVC 4 系列

           这里有一个疑问,诸如在文本编辑器中输入 HTML 元素如此简单的任务,也需要任何帮助吗?的确,输入标签名称是很容易的事,但是确保 HTML 页面链接中的 URL 指向正确的位置.表单元素 ...

  4. 制作Html标签以及表单、表格内容

    制作Html一般用DW(......),Html全称为(Hyper Text Markup Language   超文本标记语言) 文本就是平常电脑上的文本文档,只能存储文字,而超文本文档可以存储音乐 ...

  5. html学习记录之表格、表单基础

    ①编码:charset="utf-8": ​②描述及关键词:name="description":name="keywords": ③a标签 ...

  6. [js开源组件开发]query组件,获取url参数和form表单json格式

    query组件,获取url参数和form表单json格式 距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……, ...

  7. MVC_表单和HTML辅助方法

    表单的使用 action特性告知Web浏览器信息发往哪里. method特性告知浏览器使用HTTP POST 还是 HTTP GET. GET请求用于读操作, POST请求用于写操作 HTML辅助方法 ...

  8. 在表单（input）中id和name的区别

    但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是 ...

  9. 详解JavaScript中的Url编码/解码，表单提交中网址编码

    本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数escape / unescape ...

随机推荐

  1. PHP-数据库永久连接

    以下为PHP官网上对数据库永久连接做的解释: 永久的数据库连接是指在脚本结束运行时不关闭的连接.当收到一个永久连接的请求时.PHP 将检查是否已经存在一个(前面已经开启的)相同的永久连接.如果存在,将 ...

  2. IDEA基于maven整合SSM

    感谢:IDEA搭建Spring+SpringMVC+mybatis框架教程 简洁明了, 步骤详细.

  3. Foundations of Machine Learning: Boosting

    Foundations of Machine Learning: Boosting Boosting是属于自适应基函数(Adaptive basis-function Model(ABM))中的一种模 ...

  4. Android开发学习之数据存取

    Android系统中提供了一种文件读写的方法,可以将一些数据以文件的形式保存在设备中.比如一些word文档,PDF文档,图片,音频,视频文件等. 使用文件读写方法的步骤: 1.调用Context.op ...

  5. mysql-5.7 密码过期详解

    一.起源: 今天一上班就听到说error-log里记录了大量的 ERROR 1820 (HY000): You must reset your password using ALTER USER st ...

  6. jQuery.ajax() 如何设置 Headers 中的 Accept 内容

    其实很简单,首先如果是常见类型,则请直接设置 dataType 属性 $.ajax({ dataType: "json", type: "get", succe ...

  7. unity3D角色代码控制问题

    ///////////////2015/07/06//////// ///////////////by xbw////////////// //////////////环境 unity4.6.1// ...

  8. [javase学习笔记]-6.3 对象的内存体现

    这一节我们来简单的看一看对象在内存中是什么样子呢,怎样体现. 我们以上一节的測试代码为例. 我们在函数的内存分配分析过.当该代码执行时,首先会载入主函数在栈内存中为main函数分配一个空间: 然后执行 ...

  9. SVN 版本服务器搭配全过程详解（含服务端、客户端）

    1.为什么要用VisualSVN Server,而不用Subversion? 回答: 因为如果直接使用Subversion,那么在Windows 系统上,要想让它随系统启动,就要封装SVN Serve ...

  10. [svc]cisco ipsec使用证书认证

    基础配置 用的c7200-adventerprisek9-mz.151-4.M2.bin - R1 conf t int f0/0 ip add 202.100.1.1 255.255.255.0 n ...