HTML（二）
一、HTML中的特殊符号
     1.常用的特殊符号：
         特殊符号                                    字符实体                                    示例
         空格                                                                     A    B         
          大于号>                                      >                              a <b<br/>
         小于号<                                      <                              <html><br/>
         引号""                                          "                          "姓名"<br/>   
         版权符号                                    ©                          Copyright© All Reserved
   
 2.表单（ 标签<form>）
    2.1、表单的基本语法：
               <form 属性action="表单提交地址"  method="提交的方法"> 
                action：规定到表单提交之后，由谁处理，默认为当前页面
               method：有两种取值get和post（更安全，数据量更大）
               表单内部由大量表单元素构成
     2.2、表单元素的基本格式
               <input name="表单元素的名称" type="类型" value="值" size="显示的宽度"          maxlength="最大输入字符长度" checked="checked(是否被选中)" / >
     
     2.3、表单元素的逐一介绍
           1、文本框（type:txt）
                   <input name="username" type="txt" value="张三" size="20" />
            2、密码框
                    <input name="psswd" type="password" size="20">
            3、重置、提交和普通按钮
                        <input name="reset"  type="reset"    value="重置" />
            <input name="submit" type="reset"  value="提交" />
            <input name="button" type="reset"  value="普通" />
             4、单选按钮（radio）
                       <input type="radio" name="gen" value="男" checked="checked" />
                       <img src="images/Male.gif" alt="男"/>男
                       <input type="radio" name="gen" value="女"  />
            <img src="images/Female.gif" alt="女"/>女css表格样式
             5、复选框（check和post）
                            <input type="checkbox" name="hobby" value="sports" />运动   
               <input type="checkbox" name="hobby" value="swimming" />游泳   
               <input type="checkbox" name="hobby" value="play"  checked="checked"/>玩游戏                 
               6、文件域（上传文件）
                       <input type="file" name="files" /><br/>
            <input type="button" name="upload" value="上  传" /> 
                7、下拉列表框
                       <select name="bmon" >
                        <potion value="0">一月</option>
                        <potion value="1">二月</option>
                        <potion value="2">三月</option>
                        <potion value="3">四月</option>
                        <potion value="4">五月</option>
                        <potion value="5">六月</option>
                        <potion value="6">七月</option>
                        <potion value="7">八月</option>
                        <potion value="8">九月</option>
                        <potion value="9">十月</option>
                        <potion value="10">十一月</option>
                        <potion value="11">十二月</option>
              </select >月                                                                                                                                  
                                       
                  8、多行文本域
                         <textarea name="serviceprotocol" cols="60" rows="6" >
                欢迎阅读服务协议
                </textarea>
                   9、隐藏域                                                                                       
                            <input type="hidden" name="userid" value="777"  /> 
                   
                    10、只读和禁用属性
                     a、 只读
                         <textarea name="serviceprotocol" cols="60" rows="6" readonly="readonly">
                  欢迎阅读服务协议
                </textarea> 
                        b、禁用
                              同意以上协议
                 <input type="checkbox" name="accept" />  
              <input type="submit" value="注 册" disabled="disabled"/>
 3.HTML的注释
     <!--  注释内容-->
       要避免在注释内容中使用<！--------------注释内容------------>(不规范)
       可以用= =或者##代替--
4、表格布局
   4.1、基本语法
                  < table>       
                             <tr>  //行
                           <td>百度</td>//单元格
                             </tr>
                             <tr> 
                           <td>猫扑</td>
                            </tr>
                   <table>     
   4.2、跨列
 <td colspan="2">学生成绩</td>//跨两列
                  
4.3、跨行
         <td rowspan="2">李四</td>
       
4.4、跨行跨列
    <td colspan="3" align="center">学生成绩</td>
         
5、表格的高级标签
   表格数据的分组标签<thead>,<tbody>,<tfoot>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。