html學習(常用屬性)

量子物理學發表於2009-12-29
HTML
<!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>html學習</title>
<!--外來css和js  -->
<link href="main.css" type="text/css" rel="stylesheet" />
<script src="main.js" type="text/jscript"></script>
</head>
<body bgcolor="#0099FF">
<form id="form1" name="form1" method="post" action="./index.html" >
  <!--method值：post為表單提交 get為URL提交  -->
  <table width="50%" height="90%" border="1" align="center">
    <!-- align值：對齊方式：left(預設)/right/center  -->
    <tr>
      <td width="63" bgcolor="#FF0000"><font color="#0000CC"  face="宋體" size="3">文&nbsp;字<br><hr />豎<p>行</font></td>
      <!--size值：為1為最小7為最大 &nbsp;空格 <br>換行  <hr/>分隔線 <p>換段-->
      <td width="278"><a href="./index.jsp" target="_blank">
       <!-- target值：當前開啟預設(_self)  新視窗開啟(_blank)  在整個視窗開啟(_top)  上一層框加中開啟(_parent) -->
        <input type="file" name="Input" value="預設值在這" size="20" maxlength="10" disabled="disabled" />
      </a></td>
      <!--size值：自己的長短  maxlength值：能輸入長度 value值：預設是什麼   disabled值：不可輸入的
       type值：文字框(text)  密碼框(password)  隱藏域(hidden)  檔案上傳(file)(form中一定要用POST提交，效能好點
       要加enctype="multipart/form-data")  單選框(radio)   多選框(checkbox) 後面二個下面在講 
      -->
    </tr>
    <tr>
      <td><h1><i><center><a href="mailto:yiyihuazi@163.com">發郵件</a></center></i></h1>
      <!--href值：http://www.in580.com,ftp://ftp.in580.com  -->
      <img src="./images/2.jpg" width="20" height="20" border="2" align="center" alt="提示文字"></td>
      <!--border值：為圖邊框值 align值：對齊方式：left(預設)/right/center  -->
      <td><textarea name="" rows="2" cols="10">預設值在這</textarea></td>
      <!--rows值：行數（高） cols值：列數（長）  -->
    </tr>
    <tr>
      <td><select name="提交名" size="1" multiple="multiple">
       <!--size值：行數（高）  multiple值:有則這個為多選列表，沒則單選列表  -->
         <option value="./index.html" selected="selected">預設列表</option>
         <option value="或寫提交值" >不是預設</option>
        </select>
        </td>
      <td><input type="radio" name="性別" value="男" />男
          <input type="radio" name="性別" value="女" checked="checked" />女
           <!--type值: 單選框(radio)  多選框(checkbox) checked值:預設選中可無  -->
           </td>
    </tr>
    <tr>
      <td><ol>
      <li type="i">有序號的列表標記</li>
      <li type="i">就如1.什麼</li>
      </ol><!--type值: 預設為數字 有：i,,I,a,A  -->
      </td>
      <td><ul>
      <li type="circle">沒序號的列表標記</li>
      <li type="square">有點.什麼</li>
      </ul><!--type值: 預設為.  還有方口 -->
     
      <dl>
      <dt>tree</dt>
       <dd>treeChild</dd>
       <dd>treeChild</dd>
      </dl>
      </td>
    </tr>
      <tr>
      <td colspan="2">合併左右表格<marquee loop="100" direction="up">會動的文字</marquee></td>
    </tr>
     <tr>
      <td rowspan="1">合併上下表格</td>
    </tr>
       <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="" value="常用提交"/>
            <input type="button" name="" value="與JS同用提交"  />
          <input type="reset" name="" value="重設"  />
       </td>
    </tr>
  </table>
</form>
</body>
</html>

相關文章