HTML基礎知識點彙總

文章目錄

HTML基礎知識點彙總
- 1、HTML簡介
- 2、HTML的标記組成
- - 2.1 标記
- 3、HTML基本結構
- 4、HTML文字與圖像
- - 4.1.設定文字字型、大小與顔色
  - 4.2 設定正文的标題
  - 4.3 設定段落
  - 4.4 強制換行與不換行
  - 4.5 字型标記
  - 4.6 文字對齊
  - 4.7 清單
  - 4.8 其它方式修飾文本
  - 4.9 圖像
  - 4.10 表格
  - 4.11 表單
  - 4.12 超級連結
  - 4.13 移動的字型和圖檔

1、HTML簡介

HTML(Hypertext Markup Language)

，

超文本标記語言

，

HTML

利用各種标記來辨別文檔的結構以及辨別超連結的資訊。它是從

SGML(Standard Generalized Markup Language

，标準通用辨別語言)中的一個子集演變而來的。

2、HTML的标記組成

HTML

用于描述功能的符号稱為

“标記”

。标記在使用時必須用尖括号“

<>

”括起來，而且是成對出現的，無斜杠的标記表示該标記的作用開始，有斜杠的标記表示該标記的作用結束。如

<body></body>

、

<p></p>

等

2.1 标記

單标記：有些标記能完整的表達标記裡的意思，隻須在尖括号中輸入标記名即可，這類标記叫單标記。 XHTML 中要求單标記也必須閉合，即在标記“ > ”前添加斜杠。常見的單标記如 <br /> <hr /> 等。
雙标記：雙标記有頭有尾，且前面的标記與後面的标記保持一緻，但在後面的标記前有斜線，文法形如： <标記> 内容 </标記> 。例如： <p> 段落 </p>

XHTML 要求所有标記均為小寫，且所有标記屬性必須添加雙引号

标記 絕對不能交叉

3、HTML基本結構

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

<title> 标記絕對不能放在 <body> 标記中，同理，其它表示内容的标記也絕對不能放在 <head> 标記中

<html></html> 表示 HTML 語言，在 <html>...</html> 裡面包含頭部 <head>...</head> 和内容體 <body>...</body> 。

HTML 注釋表示為

4、HTML文字與圖像

4.1.設定文字字型、大小與顔色

<font face=”宋體” size=”1” color=”red”>文字</font>

設定文字的字型、大小、顔色需要使用 <font> 标簽

face 屬性設定文字字型，多種字型用逗号隔開

size 屬性設定文字大小

color 屬性設定文字顔色，參數值可以是 RGB 顔色值，如 #000000 ，也可以用顔色的單詞表示，如 red

4.2 設定正文的标題

<h1>主題文字</h1>  <!--其中“#”代表數字1-6中的任意一個，從數字1到數字6，标題大小排列由大到小(數字越大，标題字号就越小)-->
<h2>
    主題文字2
</h2>

4.3 設定段落

<p>
    這是一個段落
</p>

特色：獨立成行

4.4 強制換行與不換行

<br />
<nobr />

4.5 字型标記

實體字型

<b>…</b>			<!--設定成粗體-->
<i>…</i>			<!--設定成斜體-->
<u>…</u>			<!--增加下劃線-->
<s>…</s>			<!--增加删除線-->
<d>…</d>
<sup>…</sup>		<!--設定成上标字型-->
<sub>…</sub>		<!--設定成下标字型--> 
<tt>…</tt>			<!--設定成打字機字型-->

邏輯字型

<em>…</em>			<!--強調文字-->				
<strong>…</strong>	<!--字型加重-->
<code>…</code>		<!--顯示程式設計代碼-->			
<samp>…</samp>		<!--顯示救命文字-->
<kbd>…</kbd>		<!--顯示鍵盤按鍵文字-->		
<small>…</small>	<!--縮小文字-->
<big>…</big>		<!--放大文字-->            
<del>…</del>		<!--删除線-->

4.6 文字對齊

<p aligin = "#">文字對齊</p>

文字對齊使用标簽的align屬性，例如： <p align="#"> 對齊文字 </p> ，其中“#”代碼表示方位，可選擇” left ”(向左)、” right ”(向右)、” center ”(居中)。

align 屬性可用于: <p> 、 <div> 、 <table> 、 <td> 等标簽

4.7 清單

無序清單

<ul type=”#”>
	  <li>表項一</li>
	  <li>表項二</li>
</ul>

Type=”#” 取值可為 disc (預設，實心黑點)、 square (實心黑方塊)、 circle (空心圓)

有序清單

<ol type=”#”>
  <li>表項一</li>
  <li>表項二</li>
</ol>

Type=”#” 取值可為 A 、 a 、 I 、 i 、 1 等

定義清單

<dl>
  <dt>項目</dt>
  <dd>描述一</dd>
  <dd>描述二</dd>
</dl>

<dt> 标簽定義了定義清單中的項目， <dd> 标簽在定義清單中定義條目的定義部分，可以了解為對定義條目進行特征描述。

注：無序清單、有序清單、定義清單間可以互相嵌套，但一定要注意嵌套時不能交叉。

無序清單、有序清單、定義清單間嵌套執行個體

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>清單嵌套</title>
	</head>
	<body>
		<ol type="A">
			<li>系統管理</li>
			<li>
				文章管理
				<ul type="square">
						<dt>部落格文章</dt>
						<dd>建立</dd>
						<dd>編輯</dd>
						<dd>刪除</dd>
					<li>評論管理</li>
					<li>用戶管理</li> 
				</ul>
			</li>
		</ol>	
	</body>
</html>

4.8 其它方式修飾文本

欲格式化文本： <pre> … </pre>

代碼樣式斜體字渲染： <var> … </var>

表示它所包含的文本對某個參考文獻的引用： <cite> … </cite>

4.9 圖像

插入圖像基本文法

<img src="#"

<img src="#" /> ，其中#代表圖像的URL路徑，示例：`

HTML基礎知識點彙總HTML基礎知識點彙總

圖像基本屬性：
- alt 屬性:圖像無法顯示時的提示資訊，如 <img src="c.jpg" alt="風景" />
- width 屬性：定義圖像的寬度； height 屬性：定義圖像的高度；如 <img src=”c.jpg” width=”400px” height=”300px” />
- align 屬性：圖像和文字對齊， align 屬性的取值為 top (頂部)、 middle (中間)、 bottom (預設，底部)；如 <img src="c.jpg" align="top" />
- border 屬性：圖像的邊框， border 設定為時表示圖像不顯示邊框，否則設定成需要的邊框大小；如 <img src="c.jpg" border="0" />

4.10 表格

表格的基本文法

<table width=”100” border=”1” height=”100”>
    <caption>表格标題</caption>
    <tr>
        <th>表頭一</th>
        <th>表頭二</th>
    </tr>
    <tr>
        <td>單元格一</td>
        <td>單元格二</td>
    </tr>
    <tr>
        <td cols=”2”>表尾</td>
    </tr>
</table>

1）在HTML中建立表格使用 <table> 标簽對，可對其設定 寬度 、 高度 、 邊框 、 背景
等。

2）
<caption> 标簽為整個表格的标題，它不占用表格行，是位于表格外的一個對整個表格進行說明的大标題，可以使用align屬性設定标題相對于表格的位置，值為 left 、 right 、 top 、 bottom
。

3）使用
tr 定義表格行，然後用 th 或 td
定義表格單元格。

4）可以使用
thead 定義表頭， tbody 定義表格主體， tfoot 定義表尾，隻需要把相應的行（ tr 和 td
都需要）放置在标記對中即可。

5）
cellpadding 内邊距； cellspacing 外邊距

表格的基本文法執行個體

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
        	作者：[email protected]
        	時間：2021-04-14
        	描述：表格
        -->
        <!--table>tr*3>td*4--> <!--tr行&td列-->
        <table border="1" cellpadding="50px" cellspacing="0">
        	<caption>表格标題：資訊表</caption>    <!--caption不占表格的高度和寬度，是一個獨立标簽且相對表格居中-->
        	<thead bgcolor="aqua">     <!--thead與tbody标簽是不同的标簽，會将表格拆分為不同的表格-->
        	<tr>
        		<th>編号</th> <!--th加粗居中-->
        		<th>姓名</th>
        		<th>性别</th>
        		<th>年齡</th>
        	</tr>
        	</thead>
        	<tbody bgcolor="aquamarine">
        	<tr>
        		<td>1</td>
        		<td>張三</td>
        		<td>男</td>
        		<td>23</td>
        	</tr>
        	</tbody>
        	<tbody bgcolor="chartreuse">
        	<tr>
        		<td>2</td>
        		<td>李四</td>
        		<td>男</td>
        		<td>22</td>
        	</tr>
        	</tbody>
        </table>
    </body>
</html>

跨多行、多清單元

<td rowspan=”3”>…</td>  <!--跨多行表元-->
<td colspan=”3”>…</td>	<!--跨多清單元-->

1）跨多行表元文法是在 th 和 td上 加 rowspan 表示， rowspan
後面的值是數字，數字表示跨多少行表元。

2）跨多清單元與跨多行表元一樣，也是放在
th 和 td 上，表示在一行中跨多少清單元，文法是用 colspan 表示。

跨多行、多清單元執行個體

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
        <!--作者：[email protected]
        	時間：2021-04-14
        	描述：5行5清單格
        -->
        <table border="1" cellpadding="15" cellspacing="0">
            <tr> 
                <td colspan="5"></td>  <!--合并單元格-->
            </tr>
            <tr>
        		<td rowspan="4"></td>
        		<td></td>
        		<td></td>
        		<td></td>
        		<td></td>
        	</tr>
        	<tr>
        		<td></td>
        		<td colspan="3" rowspan="3"></td>
        	</tr>
        	<tr>
        		<td></td>
        	</tr>
        	<tr>
        		<td></td>
        	</tr>
        </table>
	</body>
</html>

設定表格大小

<table width=”100px” height=”100px”>…</table> <!--取值可以為像素值或百分比-->

設定表格邊框

<table border=”1”>…</table>

表格邊框使用 table 标記的 border 屬性定義，其後面的值是寬度值，表示對象的邊框寬度，數值越大，寬度越大。

設定表格背景

<!--設定整個表格背景-->
<!--設定整個表格的背景是定義<table>标簽的bgcolor屬性，其值可為顔色名、十六進制顔色值或者rgb代碼的背景顔色-->
<table bgcolor=”#ff0000”>…</table>

<!--設定表格中單元格的背景-->
<!--設定單元格的背景顔色隻需在td和th标簽上定義bgcolor屬性，如果設定某一行的背景顔色，也可以在tr标簽中定義bgcolor屬性-->
<td bgcolor=”#ff0000”>…</td>

設定單元格邊距

<!--設定單元格與内容之間的距離-->
<!--設定單元格與内容之間的距離隻需在td和th标簽上定義cellpadding屬性，其值為像素值。-->
<td cellpadding=”10”>…</td>

<!--設定兩個單元格之間的距離-->
<!--定義兩個單元格之間的空白在td和th标簽上使用cellspacing屬性，其值同樣為像素值。-->
<td cellspacing=”10”>…</td>

表格對齊
- 表格内文字對齊
```
<tr align=#>…</tr>				
<td align=#>…</td>
           
```
  1）文字對齊使用 align 屬性定義，取值可為 left 、 center 、 right
  。
  
  2）在表格内，文字對齊有在
  tr 、 th 、 td 中對齊，在 tr 設定對齊方式後， tr 内的 th 和 td 都按設定的要求對齊，同理在多行中可以設定不同的 tr 對齊方式， th 和 td 都可以設定其裡面的文字或圖檔的對齊。
- 表格在網頁中對齊
```
<table align=#>…</table>
           
```
表格在網頁中的對齊是在 <table></table> 标記對中使用 align 屬性定義。

4.11 表單

建立表單

<form name=”form” action=”url” method=”post”></form>

form 中的 name 屬性給 form 表單命名， action 屬性表示表單送出後發送的 URL 位址，發送的方式用 method 屬性表示，可選擇的參數有 Get 和 Post 。 Get 傳輸量比較小， Post 傳輸量比較大。

文本框和密碼框

<input type=”text” name=”text” size=”6” maxlength=”6” value=”文字” disabled=”disabled” readonly=”readonly” />

name 屬性給文本框命名， size 屬性設定文本框的顯示大小， maxlength 屬性設定文本框最大可接受的字元數， value 屬性設定文本框預設顯示值， disabled 屬性設定文本框是否可用， readonly 屬性設定文本框是否隻讀。

密碼框

<input type="password" name="" id="" value="" placeholder="請輸入密碼" />

密碼框的屬性除了 type 設定成 password ，與文本框不一緻外，其它屬性與文本框一緻。

單選框

<input type=”radio” name=”radio” checked=”checked” value=”v” />

設定 checked 屬性表示單選框被預設選中

複選框

<input type=”checkbox” name=”ck” checked=”checked” value=”v” />

設定 checked 屬性表示單選框被預設選中

下拉清單

<select name=”select” size=”2” multiple=” multiple”>
    <option value=”1” selected=”selected”>清單項一</option>
    <option value=”2”>清單項二</option>
</select>

select 标簽的 size 屬性表示下拉清單的可見選項數，預設為 1 ， multiple 屬性規定可以選擇多個選項。 Option 标簽的 selected 标簽表示目前選被預設選中，即在 1 個可見選項數時下拉清單顯示此值。

文本域

<textarea name=”ta” rows=”10” cols=”5”>文本内容</textarea>

textarea 标簽的 rows 屬性表示文本區内的可見行數， cols
屬性表示文本區内的可見寬度。

文本框是單行的,而文本域可以輸入多行，可以手動換行

按鈕

<!--普通按鈕-->
<input type=”button” name=”bt” value=”按鈕” />
<button name=”bt”>普通按鈕</button>

<!--送出按鈕-->
<input type=”submit” name=”sm” value=”送出” />

<!--重置按鈕-->
<input type=”reset” name=”rs” value=”重置” />

圖像域

<input type=”image” name=”image” src=”c.jpg” alt=”描述” />

檔案域

<input type=”file” name=”file” /> <!--定義輸入字段和浏覽按鈕，用于檔案上傳-->

時間框

<input type="date" name="" id="" value="" />

百分比左右拉取框

<input type="range" name="" id="" value="" />

隐藏表單

<input type=”hidden” name=”hi” value=”v” />

隐藏表單用于在浏覽器與伺服器之間傳遞一些必要的參數或選項，而這些參數或選項不需要顯示在頁面中。

結合表格後的表單執行個體

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		form{
			font-size:larger;
		}
	</style>
	<body>
		<body background=""
		<form action="https://www.google.com/" method="get">
			<table border="0" cellspacing="10" cellpadding="" >
				<!--使用者名文本框-->
				<!--disabled表示鎖定，1.此元件不可用，無法讀取内容；2.作用域不同，disabled表示鎖定可用于所有表單 -->
				<!--readonly表示隻讀，1.但原件可用，可讀取内容；2.作用域不同，readonly僅用于文本框，不适用其他表單 -->
				<tr>
					<th align="right">使用者名</th>
					<th align="left"><input type="text" name="" id="" value="" readonly="readonly"/></th>
				</tr>
				<!--密碼文本框-->
				<tr>
					<th align="right">密碼</th>
					<th align="left"><input type="password" name="" id="" value="" placeholder="請輸入密碼" /></th>
				</tr>
				<!--密碼文本框-->
				<tr>
					<th align="right">确認密碼</th>
					<th align="left"><input type="password" name="" id="" value="" placeholder="請再次确認密碼"/></th>
				</tr>
				<tr>
					<th align="right">性别</th>
					<th align="left">
						<input type="radio" name="sex" id="" value="" />男
						<input type="radio" name="sex" id="" value="" />女
						<input type="radio" name="sex" id="" value="" />保密
					</th>
				</tr>
				<!--複選框-->
				<tr>
					<th align="right">愛好</th>
					<th align="left">
						<input type="checkbox" name="" id="" value="" />吃飯
						<input type="checkbox" name="" id="" value="" checked="checked"/>讀書
						<input type="checkbox" name="" id="" value="" />睡覺
						<input type="checkbox" name="" id="" value="" />運動
					</th>
				</tr>
				<!--下拉框-->
				<tr>
					<th align="right">住址</th>
					<th align="left">
						<select name="">
							<option value="">泉州</option>
							<option value="">漳州</option>
							<option value="">廈門</option>
							<option value="">福州</option>
						</select>
					</th>
				</tr>
				<!--時間框-->
				<tr>
					<th align="right">出生年月</th>
					<th align="left"><input type="date" name="" id="" value="" /></th>
				</tr>
				<!--文本輸入框-->
				<tr>
					<th align="right">個性簽名</th>
					<th align="left">
						<textarea name="" rows="5" cols="20" style="resize:none;"></textarea>
					</th>
				</tr>
				<!--檔案上傳-->
				<tr>
					<th align="right">使用者頭像</th>
					<th align="left"><input type="file" name="" id="" value="" /></th>
				</tr>
				<!--驗證碼原理百分比選擇框-->
				<tr>
					<th align="right">請完成驗證</th>
					<th align="left"><input type="range" name="" id="" value="" /></th>
				</tr>
				<!--按鈕-->
				<center>
				<tr>
					<th colspan="2"><input type="submit" value="注冊"/>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<!--reset傳回重置預設值-->
					<input type="reset" name="" id="" value="重置" />
					</th>
				</tr>
			</table>
		</form>

	</body>
</html>

4.12 超級連結

基本概念
- 統一資源定位器(URL)：每一個網頁的唯一位址，一個URL構成為 protocol://machinename[:port]/directory/filename 。其中 protocol 是通路協定，如 http 、 https 、 ftp 等， machinename 是存放資源的主機IP位址，通常以域名的形式出現， port 是伺服器使用的端口， directory 和 filename 是資源的路徑和檔案名。
- 絕對路徑：HTML絕對路徑指帶有域名檔案的完整路徑
- 文檔相對路徑：目前文檔與在的位置與其他檔案或檔案夾的關系。用 ../ 表示源檔案所在目錄的上一級目錄。
- 站點根目錄相對路徑：提供從站點的根檔案夾到文檔的路徑。站點根目錄相對路徑以 ”/” 開始，表示站點根檔案夾。
文字連結

<a href=”URL” target=”target”>連結文字</a>
<a href="https://singerw.com">ZHANG_SINGERW</a>		<!--絕對位址：-->
<a href="清單嵌套.html">das </a>                     <!--相對位址-->
<a href="清單嵌套.html" target="_self">sdad</a>		 <!--本視窗打開-->
<a href="文本.html" target="_blank">新視窗打開</a>		<!--新視窗打開-->

href 屬性表示連結跳轉位址

target 屬性定義連結網頁的打開方式，其值可以為 _blank (新視窗)、 _parent (父架構)、 _self (目前視窗)、 _top (清除所有被包含的架構并将文檔載入整個浏覽器視窗)

錨點連結

<a name=”錨點”></a>           <!--定義錨點-->
<a href=”#錨點”>連結文字</a>	 <!--連結錨點-->

<!--傳回頂部-->
<a name="top"></a>
<a href="#top">傳回頂部</a>

超級連結執行個體

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
        <!--
        	作者：[email protected]
        	時間：2021-04-14
        	描述：錨點
        -->
        <a name="top"></a>
        		<!--
        	作者：[email protected]
        	時間：2021-04-14
        	描述：超連結
        -->
		<a href="清單嵌套.html">das </a>	<br />
		<a href="https://singerw.com">ZHANG_SINGERW</a><br />
		<a href="清單嵌套.html" target="_self">sdad</a><br /> <!--本視窗打開-->
		<a href="文本.html" target="_blank">新視窗打開</a><br /> <!--新視窗打開-->
		<!--
        	作者：[email protected]
        	時間：2021-04-14
        	描述：錨連結
        -->
        <!--回到頂部-->
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試</p>
        <p>測試測試888</p>
        <a href="#top">傳回頂部</a>
	</body>
</html>

4.13 移動的字型和圖檔

移動基本文法

<marquee>移動文字或圖檔</marquee>

預設是向左循環移動，移動範圍在其父對象的有效區域内。

文本移動的方向

<marquee direction=”#”>…</marquee>

其中 # 可以選擇 left 、 right 、 up 、 down

文本的滾動循環

<marquee behavior=”#”>…</marquee>

其中 # 可以選擇 scroll (循環移動)、 slide (隻移動一個回合)、 alternate (來回移動)。

設定文本來回移動，還可以設定循環次數

<marquee loop=”#”>…</marquee>

其中 # 為代表循環的次數。

文本的移動速度，用移動距離來實作

<marquee scrollamount=”#”>…</marquee>

其中 # 設定移動的速度，取正整數。數值越大，速度越快

移動對象的延時

<marquee scrolldelay=”1000”>我走一走，停一停</marquee>

scrolldelay 以時間為機關，用毫秒表示

移動的區域和背景

<marquee width=”100” height=”100” bgcolor=”pink”>…</marquee>

滾動字型和圖檔執行個體

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
        	作者：[email protected]
        	時間：2021-04-14
        	描述：marquee中标簽direction是上下左右移動
        -->
		<marquee direction="up"> 
			<p><a href="https://ami.singerw.com">SINGERW.COM</a>
				
			</p>
		</marquee>
		<!--
        	作者：[email protected]
        	時間：2021-04-14
        	描述：marquee中标簽behavior中slide是單次滾動次數至邊部，scroll是單次滾動至邊外；
        		loop是自定義滾動次數
        		滾動标簽沒有速度屬性，用scrollamount或scrolldelay更改滾動速度。
        		 * scrolldelay采用幀率原理
        		 * scrollamount采用移動多少像素原理
        -->
        <marquee behavior="slide" loop="2" scrollamount="20"scrolldelay="10"> 
        	<p>
        		<a href="https://ami.singerw.com">SINGERW.COM</a>
        	</p>
		</marquee>
		<!--
        	作者：[email protected]
        	時間：2021-04-14
        	描述：滾動圖檔
        -->
        <marquee>
        	<img src="img/QQ圖檔20201217213855.jpg" />
        </marquee>
	</body>
</html>

HTML基礎知識點彙總HTML基礎知識點彙總

HTML基礎知識點彙總

文章目錄

1、HTML簡介

2、HTML的标記組成

2.1 标記

3、HTML基本結構

4、HTML文字與圖像

4.1.設定文字字型、大小與顔色

4.2 設定正文的标題

4.3 設定段落

4.4 強制換行與不換行

4.5 字型标記

4.6 文字對齊

4.7 清單

4.8 其它方式修飾文本

4.9 圖像

4.10 表格

4.11 表單

4.12 超級連結

4.13 移動的字型和圖檔

繼續閱讀

Spring MVC 自學雜記（五） -- SpringMVC與前台的json資料互動

HTML addEventListener() 方法和attachEvent()差別分析

web前端布局練手項目

Django之驗證碼（十七）驗證碼

Vue項目 - 單檔案元件和Vue中的路由

龍珠訓練營task04

趕工心得（一）

一個小小的移動web版音樂播放器

Docker - Dockerfile之ADD、COPY、WORKDIR、USER、EXPOSE指令詳解

Compile workrave under windows &ndash; My exprience 在Windows上編譯Workrave

門戶通專訪草根站長九天狼：做站貴在堅持

tabpanel 使用問題

為什麼把CSS放頭部，script放下面

CSS之折疊菜單

web開發之前後端渲染

403 Forbidden，You don't have permission to access / on this server.Forbidden