1. 文檔結構
tbody| valign="top" width="175"> 語言聲明（.html檔案沒有） | colspan="3"> <%@ Page Language="C#" %> | ||
文檔類型聲明 | <!DOCTYPE html PUBLIC "-//W 3C //DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
動態語句代碼 （動態代碼編輯人員） | <script runat="server"> </script> | ||
| rowspan="8"> Html結構 | <html xmlns="http://www.w3.org/1999/xhtml" > | ||
頭 | <head runat="server"> | ||
字元集 | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> | ||
標題 | <title>無標題頁</title> | ||
樣式表 | <!--內嵌樣式表--> <style type="text/css"> <!-- body,td,th { color: #FF0000; } --> </style> <!--外部樣式表--> <link href="../StyleSheet.css" rel="stylesheet" type="text/css" /> | ||
</head> | |||
主體 | <body> <form id="form1" runat="server"> <div>
</div> </form> </body> | ||
</html> | |||
2. 基本語法
1）標籤結構
<標籤名屬性=”” 動作=””></標籤名>
2）URL
URL分為兩種：相對地址和絕對地址，在設計頁面時必須使用相對地址。
/代表本級目錄下
../代表上級目錄下
~/代表根目錄下
3）顏色
可以由兩種表達方式：顏色名稱和RGB值，為了頁面顏色更加美觀，請使用RGB值表示法，即
#RRGGBB
RR GG BB分別代表紅黃藍三種顏色的值，採用16進制表示，如#9966CC
4）長度
長度可以有兩種表達方式，像素和百分比。如果需要固定長度請使用像素，如果需要可變長度（如可變表格），請使用百分比。
3. 代碼規範
1.所有的標記都必須要有一個相應的結束標記。（如：<p></p>）
2.所有標籤的元素和屬性的名字都必須使用小寫（與HTML不一樣，XHTML對大小寫是敏感的）
3.所有的XML標記都必須合理嵌套，一層一層的嵌套必須是嚴格對稱，不能交叉。（html規範可以交叉）
4.所有的屬性必須用引號""括起來。(在HTML中，你可以不需要給屬性值加引號)
特殊情況，你需要在屬性值里使用雙引號，你可以用"，單引號可以使用'，例如：
<alt="say'hello'">
5.把所有<和&特殊符號用編碼表示
任何小於號（<），不是標籤的一部分，都必須被編碼為& l t ;
任何大於號（>），不是標籤的一部分，都必須被編碼為& g t ;
任何與號（&），不是實體的一部分的，都必須被編碼為& a m p;
註：以上字元之間無空格。
6.給所有屬性賦一個值
XHTML規定所有屬性都必須有一個值，沒有值的就重複本身
7.不要在注釋內容中使“--”
“--”只能發生在XHTML注釋的開頭和結束，也就是說，在內容中它們不再有效。例如下面的代碼是無效的:
<!--這裡是注釋-----------這裡是注釋-->
用等號或者空格替換內部的虛線。
<!--這裡是注釋============這裡是注釋-->
8.請在代碼書寫的時候儘量使用縮進表明層次關係
4. 標籤列表
基本標籤：
<!DOCTYPE>：文檔類型
<html>：html文檔
<body>：body元素
<h1> to <h6>：標題1 -- 標題6
<p>：段落
<br />：換行
<hr />：水平線
<!--...-->：注釋
文字格式：
<b>：粗體文本
<font>：文字的外觀，大小和顏色
<i>：文本為斜體
<em>：文本為重要
<big>：文本增大
<strong>：文本為非常重要
<small>：文本縮小
<sup>：文本上標
<sub>：文本下標
<u>：文本下劃線
輸出：
<pre>：預先格式（保留檔案中空格的大小）
<code>：碼（顯示源碼用）
<tt>：印表機字型
<kbd>：鍵盤
<DFN>：定義
<var>：變數
<SAMP>：樣本
<XMP>：不贊成使用，使用<pre>代替
結構性定義：
<acronym>：只取首字母的縮寫詞
<abbr>：縮寫
<address>：地址
<blockquote>：引文區塊
<center>：句中對齊
<q>：引用短語
<cite>：引文
<ins>：插入
<del>：刪除
<s>：刪除線
<strike>：刪除線
連結：
<a>：連結
<link>：資源參考
框架：
<frame>：定義個別視框
<frameset>：視框格式總定義
<NOFRAMES>：無視框時的內容
<iframe>：定義嵌入視圖
輸入：
<form>：定義表單
<input />：定義輸入域
<button>：按鈕
<select>：下拉式選單
<optgroup>：選項組
<option>：列表選項
<label>：標籤（用於表單控制）
<fieldset>：域
<legend>：域標題
<isindex>：不建議使用（可搜尋，使用input代替）
列舉：
<ul>：無次序式列舉
<ol>：有次序式列舉
<li>：每條項目列表
<dir>：目錄式列舉
<dl>：定義式列舉
<dt>：定義項目
<dd>：定義說明
<menu>：選單列表
圖片：
<img />：圖片
<map>：圖片地圖
<area />：圖片熱點
表格：
<table>：表格
<caption>：表格抬頭
<th>：表格標題
<tr>：行
<td>：單元格（列）
<thead>：定義表格頭
<tbody>：定義表格主體
<tfoot>：定義表格腳
<col>：定義特有特徵
<colgroup>：定義特徵集合
樣式：
<style>：樣式定義
<div>：在文檔中定義一個區域
<span>：在文檔中定義一個區域
頭信息：
<head>：定語關於文檔的信息
<title>：定義文檔標題
<meta>：定義背景資訊
<base />：基本文檔中所有連結的基準
<basefont />：定義基本字型
腳本、引用外部對象相關：
<script>：定義腳本
<noscript>：定義無腳本的顯示區域
<applet>：定義java程式
<object>：定義內嵌對象
<param>：定義對象的參
5. 常用屬性
class：Css風格
name：名稱
width：寬
height：高
color：顏色
BGCOLOR：背景顏色
align：水平對齊
valign：垂直對齊
style：風格（建議使用class代替）
clospan：合併的列數，表格專用
rowspan：合併的行數，表格專用
scr：圖片等對象的地址
href：超級連結地址
target：超級連結打開方式
6. 常用代碼舉例
1） 頁面設定
<body background="背景圖" bgcolor="背景顏色" alink="連結顏色" leftmargin="左邊距" text="字型顏色">也可以直接用樣式表
2） 超級連結
<a href="連結地址" target="打開目標視窗,如_blank">連結文字</a>
3） 表格
4） 列表
<ol> <li>列表項</li> <ul><li>列表項.1</li></ul> </ol> |
|
5） 嵌入圖片
<img src="圖片地址" width="圖片寬度" height="圖片高度"/>
6） 嵌入對象
Flash
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="560" height="520">
<param name="movie" value="flash地址" />
<param name="quality" value="high" />
<embed src="flash地址" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="560" height="520"></embed>
</object>
7） 字型格式
<font size="3">字大為</font>
<font color="red">紅色字型</font>
<strong>加粗字型</strong>
<i>斜體字</i>
<u>下劃線</u>
<s>刪除線</s>
8） 移動文字
<marquee direction="left" loop="-1">滾動文字</marquee>
9） 插入層
<div style="width: 100px; height: 100px">層</div>
