不論您如何在 <body> 標籤內將任何文字換行，網頁的結果其實還是不會換行，而且不論您加了多少空白，始終最多看到的結果還是只有一個空白，這樣怎麼行呢？
如果我們希望能夠連續顯示好幾個空白的話，可以像下面這樣以 代替空白：
1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>網頁設計教學 HTML - 空白 (空格)</title>
</head>
<body>
哈囉！這邊 有五個空白。
</body>
</html>
執行結果如下：
哈囉！這邊 有五個空白。
1
2
3
4
5
6
7
8
9
10
11
| <html> <head> <title>網頁設計教學 HTML - 空白 (空格)</title> </head> <body> 哈囉！這邊 有五個空白。 </body> </html> |
----
//外連載入CSS檔案的方法有二 :
1.<link href="5.css" rel="stylesheet" type="text/css" />
2.
<style type="text/css">
@import url('5.css');
</style>
--建議使用第一種方式
// HTML 4的檔案定義宣告：過渡性的定義(Transitional)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
//使用Unicode utf-8 萬國碼作為網頁語系編碼，在面臨多語系問題時才是較好的解決方案！
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HomePage測試一</title>
網站目錄與網頁檔命名規則:
- 不使用中文字
- 特殊符號
- 檔名中不要有空格
- 小寫英文
<body bgcolor="#FFFF99">將網頁底色變成淡黃色
維基百科網頁顏色
https://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E9%A2%9C%E8%89%B2
屬性設定效果
type="1" 預設值，數字編號1、2、3…
type="A" 大寫英文A、B、C…
type="a" 小寫英文a、b、c…
type="I" 大寫羅馬數字I、II、III…
type="i" 小寫羅馬數字i、ii、iii…
項目清單
<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
</ul>
編號清單
<oll>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
</ol>
編號清單
<oll type="A">
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
</ol>
項目清單
- AAA
- BBB
- CCC
- AAA
- BBB
- CCC
- AAA
- BBB
- CCC
階層式定義清單排版上會做自動縮排。
<dl>
<dt>解釋項目</dt>
<dd>解釋內容<dd>
</dl>
排版上會做自動縮排。
- AAA
- 解釋內容
- BBB
- 解釋內容
<hr>表示畫一個水平線
<a href= "http://www.pchome.com.tw" target= "_blank">另開視窗連到PCHome</a>
<a href="mailto:jerry@webok.tw?subject=Call Me&cc=eyeshop.jerry@gmail.com&bcc=weboktw@hotmail.com&
body= Hello">寫Mail給我</a>
cc=副本
bcc=密件副本
subject=主旨
body=內容
註解語法：
<!-- 這是文字註解-->
顯示程式語法：
表示程式碼片段，使用等距字(所有字元寬度相等)
<code>
p {
color: #FF0000
};
<font color="#FF0000">字體</font>
</code>
如實顯示輸入的內容
<pre>
p {
color: #FF0000
};
<font color="#FF0000">字體</font>
</pre>
小於<
大於>
HTML中的特殊符號
https://dev.w3.org/html5/html-author/charref
content 屬性
相對於 http-equiv 、 name 屬性的一個特定值，用來配合它們屬性值的值。
瀏覽器會根據此項設定來顯示語系編碼。
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
refresh(刷新頁面)：用來設定頁面多久的時間後重新載入，或者時間之後連結到其他網頁。
<meta http-equiv="refresh" content="秒數" />
<meta http-equiv="refresh" content="秒數;url=檔案" />
name 屬性
用來指定對應 meta 資訊屬性的一個名稱。
註明網頁的作者。
<meta name="author" content="jerry" />
為搜索引擎提供該網頁的關鍵字。
<meta name="keywords" content="網頁設計,網站建置" />
XHTML基本架構
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML標籤撰寫注意事項
一、採用成雙成對的標籤時，起始標籤與結束標籤缺一不可。
<p> 這是錯的
<p> 這是對的</p>
二、不需要成雙成對的標籤，必須以空一格再加/ 斜線做結束。
<br> 這是錯的
<br /> 這是對的
三、屬性的值須以" 符號字元涵括起來。
<img src= test.jpg width=' 200 ' height=100 > 這是錯的
<img src="test.jpg" width="200" height="100" /> 這是對的
四、標籤與標籤之間必須合理嵌套。
<p><b></p></b> 這是錯的
<p><b></b></p> 這是對的
五、英文的大小寫是有差別的。<li> 與<LI> 是不同的
六、script 與style 建議使用鏈結外部文件的方式
cse html validator 改大小寫
