<input type ="checkbox" checked="checked" />
    <input type="radio" name="sex" />男
        <br />
        <input type="radio" name="sex"  />女
             <br />
        <input type="radio"name="sex"  />其它
通過name分組，同一個NAME間互斥

select中的項是<option>

  <select>  comobox
            <option>北京</option>
            <option>上海</option>
            <option>蘇州</option>
        </select>
                <select size="3">   --listbox
            <option>北京</option>
            <option value=1>上海</option>
            <option>蘇州</option>
        </select>

預設選擇哪個
          <option value="2" selected="selected">上海</option>

預設選擇2個

    <label for="name" >姓名：</label>  <input id="name" type="text" />
     <label for="ma" >婚否:</label> <input  id="ma" type="checkbox" />

label for 即對對應的控制元件起作用

  <fieldset>      --包著text控制元件，比較規整一些
      <legend>標題</legend>
      <input type="text" />
      <br />
            <input type="text" />
      <br />
            <input type="text" />
  </fieldset>

css是描述元素的面板（內聯的方式比直接宣告的方式等級高）
1.內聯    <input type="text" value="CSSyangshi" style="background-color:red;border-color:green ;text-align:center" />
2.嵌入   
3.外部引用

div  將內容放到層中，就可以將這些內容做為一個整體來使用
做一個整體使用，非常像Panel

DIV:定義一個四方塊，會影響佈局，
span:只是把一段內容定義成一個整體進行操作，但不影響到佈局

    <div style="border-color:red;border-width:2px;border-style:double;width:50px">你好哇</div>

    <div style="cursor:pointer;color:blue"><u>nihao</u></div> //模擬點選效果

   <li style="list-style-type:none"> //不顯示li前的點

三種選擇器：
1.標籤
     P strong {
       background-color:yellow;
       }
       H1, H2, input {
       background-color:red;
       }
p標籤裡的strong標準的樣式
2.class 在名字前加.
       label.accout {
       font-style:italic;
       }
    <input class="accout" type="text" value="xxxxxxxx"/>
3.id   用#

       #username {
       font-size:xx-large;
       }
    <input id="username" type="text" value="aaaaaaaaaaaaaaa" />