1. 程式人生 > >HTML常用標記、CSS三種選擇器

HTML常用標記、CSS三種選擇器

html常用標記:
1、換行
    <br>
2、段落
    <p></p>
3、標題
    <h1>...<h6>,數字越小,文字越大
4、居中
    <center></center>
5、文字列表
    ①無序列表:
        <ul>
            <li>列表項1
            <li>列表項2
        </ul>
    ②有序列表
        <ol>
            <li>列表項1
            <li>列表項2
        </ol>    
6、表格
    ①表格標記<table></table>
    ②標題標記<caption></caption>
    ③表頭標記<th><th>
    ④表格行<tr></tr>
    ⑤單元格標記,即列標記<td></td>
7、表單
    ①<form></form>表單
        <form action="url" method="get|post" name="name" onSubmit="" target="">
            
        </form>
            onSubmit:指定當使用者單擊提交按鈕觸發的事件
            target:指定輸入資料結果顯示在哪個視窗中,值:_blank \ _self \ _parent \ _top.
                _blank:在新視窗中開啟目標檔案;
                _self:在同一視窗中開啟,該項一般不用設定;
                _parent:在上一級視窗中開啟,在使用框架頁時經常使用;
                _top:在瀏覽器的整個視窗中開啟,忽略任何框架。
    ②<input></input>
        屬性:
                type:button,text,password,file,radio(單選按鈕),checkbox(複選框),submit,reset,hidden(隱藏域),image;
                disabled
                checked
                width
                height
                maxlength
                readonly
                size:規定以字元數計的 <input> 元素的可見寬度。
                src:規定顯示為提交按鈕的影象的 URL。 (只針對 type="image")
                alt:定義影象輸入的替代文字。 (只針對type="image",圖片無法顯示時使用)
                name
                value
    ③下拉列表<select></select>
        使用<option></option>標記向列表中新增內容
        屬性:
            name:
            size:規定下拉列表中可見選項的數目。
            disabled:當該屬性為 true 時,會禁用下拉列表。
            multiple:當該屬性為 true 時,可選擇多個選項。
    ④多行文字<textarea></textarea>
8、超連結
    <a href=""></a>
9、圖片
    <img>    
    
    
CSS三種選擇器

1、標記選擇器   

<style>
        a{
            font-size:9px;
            color:#F93;
        }
    </style>
2、類別選擇器(class屬性)
    <style>
        .one{
            font-family:宋體;
            font-size:24px;
            color:red;
        }
    </style>


3、id選擇器
    <style>
        #first{
            font-size:18px;
        }
    </style>