HTML基础必看---表单,图片热点,网页划区和拼接详解

时间:2017-04-09

实例分析:做邮箱界面程序显示

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>无标题文档</title>  
  6. </head>  
  7.   
  8. <body background="11.jpg">  
  9. <font face="华文隶书">  
  10. <table align="center" width="600" height="600" border="1" cellpadding="0" cellspacing="0">  
  11. <tr>  
  12. <td width="150">   邮箱:</td>  
  13. <td><form><input type="text" /></form></td>  
  14. </tr>  
  15. <tr>  
  16. <td></td>  
  17. <td valign="middle"><font color="#999999">需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱</font></td>  
  18.   
  19. </tr>  
  20. <tr>  
  21. <td>   登录用户名:</td>  
  22. <td><form><input type="text" /></form></td>  
  23. </tr>  
  24. <tr>  
  25. <td></td>  
  26. <td valign="middle"><font color="#999999">仅在登录时使用,字符数不少于4个</font></td>  
  27. </tr>  
  28. <tr>  
  29. <td>   显示名称:</td>  
  30. <td><form><input type="text" /></form></td>  
  31. </tr>  
  32. <tr>  
  33. <td></td>  
  34. <td><font color="#999999">即昵称,字符数不少于2个</font></td>  
  35. </tr>  
  36. <tr>  
  37. <td>   密码:</td>  
  38. <td><form><input type="password" /></form></td>  
  39. </tr>  
  40. <tr>  
  41. <td>   确认密码:</td>  
  42. <td><form><input type="password" /></form></td>  
  43. </tr>  
  44. <tr>  
  45. <td></td>  
  46. <td><font color="#999999">至少8位,必须包含字母、数字、特殊字符</font></td>  
  47. </tr>  
  48. <tr>  
  49. <td>   性别:</td>  
  50. <td><form><select size="1">  
  51. <option value="1" selected="selected"></option>  
  52. <option value="2"></option>  
  53. </select></form>  
  54. </td>  
  55. </tr>  
  56. <tr>  
  57. <td>   喜好:</td>  
  58. <td><form><select size="1">  
  59. <option value="1">打游戏</option>  
  60. <option value="2">打篮球</option>  
  61. <option value="3">看电影</option>  
  62. <option value="4" selected="selected">听音乐</option>  
  63. <option value="5">旅游</option>  
  64. </select></form>  
  65. </td>  
  66. </tr>  
  67. <tr>  
  68. <td></td>  
  69. <td><form><input type="submit" value="注册" /></form></td>  
  70. </tr>  
  71.   
  72. </table>    
  73. </font>  
  74. </body>  
  75. </html>  

运行结果显示:

二、图片热点

     规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。

  • 共4页:
  • 上一页
  • 2/4
  • 下一页
  • 上一篇:HTML基础必看——全面了解css样式表 下一篇:html 隐藏滚动条的简单实现

    相关文章

    最新文章