HTML常用標記、CSS三種選擇器
阿新 • • 發佈:2018-12-26
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三種選擇器
3、id選擇器
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>