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

2019-01-15 09:04:20于海丽

运行结果显示:

 

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

  • <!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="11.jpg">  
  • <font face="华文隶书">   <table align="center" width="600" height="600" border="1" cellpadding="0" cellspacing="0">  
  • <tr>   <td width="150">   邮箱:</td>  
  • <td><form><input type="text" /></form></td>   </tr>  
  • <tr>   <td></td>  
  • <td valign="middle"><font color="#999999">需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱</font></td>     
  • </tr>   <tr>  
  • <td>   登录用户名:</td>   <td><form><input type="text" /></form></td>  
  • </tr>   <tr>  
  • <td></td>   <td valign="middle"><font color="#999999">仅在登录时使用,字符数不少于4个</font></td>  
  • </tr>   <tr>  
  • <td>   显示名称:</td>   <td><form><input type="text" /></form></td>  
  • </tr>   <tr>  
  • <td></td>   <td><font color="#999999">即昵称,字符数不少于2个</font></td>  
  • </tr>   <tr>  
  • <td>   密码:</td>   <td><form><input type="password" /></form></td>  
  • </tr>   <tr>  
  • <td>   确认密码:</td>   <td><form><input type="password" /></form></td>  
  • </tr>   <tr>  
  • <td></td>   <td><font color="#999999">至少8位,必须包含字母、数字、特殊字符</font></td>  
  • </tr>   <tr>  
  • <td>   性别:</td>   <td><form><select size="1">  
  • <option value="1" selected="selected">男</option>   <option value="2">女</option>  
  • </select></form>   </td>  
  • </tr>   <tr>  
  • <td>   喜好:</td>   <td><form><select size="1">  
  • <option value="1">打游戏</option>   <option value="2">打篮球</option>  
  • <option value="3">看电影</option>   <option value="4" selected="selected">听音乐</option>  
  • <option value="5">旅游</option>   </select></form>  
  • </td>   </tr>  
  • <tr>   <td></td>  
  • <td><form><input type="submit" value="注册" /></form></td>   </tr>  
  •    </table>    
  • </font>   </body>  
  • </html>