1.文本排版标记

<pre>：定义预格式

<h1>到<h6>：加粗文字逐渐变小（代替<b>）

行内标记（加标记不换行）如：<b>（web2.0废弃）,（加粗）,（倾斜）,<span>（行内标记）,<a>（定义锚）

块级标记（单独占一行标记）如：<li>,<h1>,

,<table>

例：代码如下

<pre>  
锄禾日当午    
锄禾日当午    
锄禾日当午    
锄禾日当午    
</pre>    
<ol type="A" start="4">    
   <li>汗滴禾下土</li>    
   <li>汗滴禾下土</li>    
   <li>汗滴禾下土</li>    
</ol>    
<ul  type="circle">    
   <li>谁知盘中餐</li>    
   <li>谁知盘中餐</li>    
   <li>谁知盘中餐</li>    
</ul>    
<dl>    
   <dt>粒粒皆辛苦</dt>    
   <dd>粒粒皆辛苦</dd>    
   <dd>粒粒皆辛苦</dd>    
</dl>    

2.表单

表单，浏览器和服务器交流的数据的入口，客户端收集信息的窗口。

1.form

表单用<form>定义

form属性：

name：表单名称

action：提交到的地址（表单内容提交，跳转）

method：何种方式提交

method方式分为两种：get（明码提交，地址栏超级链接），post（隐藏方式提交，浏览器底层协议提交）

2.表单元素

根据属性可分为三种类型：

①input类型：

文本框：<input type=”text” name=”youname”> 姓名

密码框：<input type=”password” name=”password”>密码不以明文显示

单选按钮：<input type='”radio” name=”sex” value=”male”>男

                  <input type=”radio”  name=”sex” value=”female”>女

复选框：<input type=”checkbox” name=”bike”>自行车

             <input  type=”checkbox” name=”car”>小汽车

图片上传：<input type=”p_w_picpath” src=”路径“>

文本上传：<input type=”file” name=”filename”>

提交按钮：<input type=”submit” value=”提交按钮”>提交

                 <input type=”reset” value=”重置按钮”>重置

②文本域类型

<textarea rows=”10” cols=”30”>

</textarea>

③下拉列表

<select name=”profession”>

<option value=”A”>教师</option>

<option value=”B”>学生</option>        

<select>

案例：

效果图如下

1

代码如下

<html>    
<head>      
<title>表单案例</title>      
</head>      
<body>      
   <table align="center">      
   <tr>      
   <td>      
       <img src="bg_01.gif"/>      
   </td>      
   </tr>

   <tr>    
   <td>      
       <table border="1" cellspacing="0" cellpadding="0" align="center">      
       <tr>      
       <td align="right" colspan="3">      
       <a href="demo1.html">查看
       <a href="demo2.html">返回
       </td>      
       </tr>      


       <tr>      
       <td>用户名</td>      
       <td>      
       <form><input type="text" name="youname"></form>      
       </td>      
       <td>用户名不能为空</td>      
       </tr>

       <tr>    
       <td>密码</td>      
       <td>      
       <form><input type="password" name="password"></form>      
       </td>      
       <td>不能少于6位</td>      
       </tr>

       <tr>    
       <td>确认密码</td>      
       <td>      
       <form><input type="password" name="password"></form>      
       </td>      
       <td>与密码保持一致</td>      
       </tr>

       <tr>    
       <td>性别</td>      
       <td>      
       <form>      
           <input type="radio" name="sex" value="male">男      
           <input type="radio" name="sex" value="female">女      
       </from>      
       </td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>出生年月</td>      
       <td>      
       <select>      
       <option>1988</option>    
       <option>1989</option>    
       <option>1990</option>    
       <option>1991</option>    
       <option>1992</option>    
       <option>1993</option>        
       </select>年      
       <select>      
       <option>1</option>    
       <option>2</option>    
       <option>3</option>    
       <option>4</option>    
       <option>5</option>    
       <option>6</option>        
       </select>月      
       </td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>职业</td>      
       <td>      
       <select>      
       <option>教师</option>      
       <option>学生</option>      
       </select>      
       </td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>爱好</td>      
       <td>      
           <input type="checkbox" name="lanqiu">篮球      
           <input type="checkbox" name="足球">足球      
       </td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>图片</td>      
       <td>      
           <input type="p_w_picpath" src="1.jpg" />      
           <input type="p_w_picpath" src="2.jpg" />      
       </td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>上传文件</td>      
       <td><input type="file" name="filename"></td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>个人说明</td>      
       <td>      
           <textarea rows="10" cols="30">      
           </textarea>      
       </td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>协议</td>      
       <td>      
       <input type="checkbox" name="xieyi">上述信息真实      
       </td>      
       <td>&nbsp;</td>      
       </tr>

       <tr>    
       <td>附加</td>      
       <td>      
           <input type="submit" value="提交">      
           <input type="reset" value="重置">      
       </td>      
       <td></td>      
       </tr>      
       </table>      
   </td>      
   </tr>

   <tr>    
   <td>      
       <img src="bg_03.gif"/>      
   </td>      
   </tr>      
   </table>      
</body>      
</html>