HTML和CSS網頁開發基礎
本文轉載於:猿2048網站HTML和CSS網頁開發基礎
一 HTML文件結構
HTML文件結構：<html>、<head>、<title>、<body>構成HTML頁面中最基本的元素。
HTML常用標記：1.換行標記 <br> 2.段落標記 <p> </p> 3.標題標記 <h1>~<h6> 數字越小，級別越高。 4.居中標記 <center>需居中內容</center>
5.文字列表標記 有序<ol>無序<ul>
二 表格標記
1. 表格標記 <table> : <table>標記中有很多屬性，如width設定表格的寬度，border設定表格的邊框，align設定表格的對齊方式，bgcolor設定背景顏色。
2.標題標記 <caption>
3.表頭標記 <th>
4.表格行標記 <tr> :以<tr>開頭</tr>結尾，一組<tr>表示表格 中的一行。但<tr>必須巢狀在<table>標記中使用。
5.單元格標記又叫列標記 <td> :一個<tr>可以巢狀若干個<td>
三 HTML表單標記
1.<form>..</form>表單標記
定義處理表單資料程式的URL地址資訊等，基本語法格式：
<form action="url"mathod="get"|"post"name="name"onsubmit="單擊提交觸發事件"target="_self/_blank/_parent">
</form>
<form>標記的重要屬性 action屬性：指定表單資料提交至何處 method屬性： –指定表單資料提交的方式2.<input>表單輸入標記
<input>能夠演變為表單中許多不同的元素，取決於type屬性
type取值：
–text(單行輸入文字框) –submit（提交按鈕） –password（密碼輸入文字框） –radio（單選按鈕） –checkbox（複選框） –reset(復位按鈕) -button（普通按鈕） -file(檔案域) -hidden（隱藏域） -image（影象域） 基本格式為： <input type="image" disabled="disabled" checked="checked" width="digit" maxlength="digit" readonly="" size="digit" src="Uri" usemap="Uri" alt="" name="checkbox" value="checkbox"> 3.<select></select> 下拉列表框標記使用<option>向列表中新增內容，屬性為，name：指定列表框的名稱。size：指定列表框的選項數量，超出可以通過拖動滾動條檢視。 disable指定當前列表框不可使用。multiple：用於讓多行列表框支援多選。 4.<textarea>多行文字標記 與單行文字相比，多行文字可以輸入更多內容。 四。超連結與圖片標記 1.超連結標記<a href=""></a> href屬性用來設定連結到哪個頁面。 2.圖片標記 <img src="url"width="寬度"height=“高度”border=“圖片外邊框的寬度”alt=“提示文字（圖片無法顯示時）”> 五。CSS樣式表 CSS樣式表中包括三部分內容：選擇符、屬性和屬性值。語法格式為： 選擇符{屬性：屬性值； 例如： <style> h2{ font-family:宋體； color:red; } </style>
CSS選擇器
1.標記選擇器：html頁面是由很多標記組成的，如影象標記<img>、超連結標記<a>、表格標記<table>等。css標記選擇器就用於宣告頁面中哪些標記採用了css樣式。
2.類選擇器：標記選擇器有一定侷限性，宣告一個標記選擇器後，頁面中所有該標記的內容都會有相應的變化。
類別選擇器名稱由使用者自己定義，並以”.“開頭。只需用class宣告即可。
<style>
.one{
color:red;
}
</style>
....<h2 class="one">選擇器</h2>
3.id選擇器
以”#“開始後加html標記中的id屬性值。和類別選擇器類似，但html頁面中不能包含兩個相同的id標記，因此也定義id選擇器就只能被使用一次。
4.頁面中包含css樣式的幾種方式：行內樣式、內嵌式、連結式。
六。CSS3新特徵
1.模組與模組化結構：
常用模組:basic box model 定義各種與盒子相關的樣式
Line 定義各種與直線相關的樣式
Lists 定義各種與列表相關的樣式
Text 定義各種與文字相關的樣式
Color 定義各種與顏色相關的樣式
Font 定義各種字型相關的