育將電腦工作室 - 線上書籍

網頁設計好好玩(10501)
==============

**由於本次課僅有一個小時，所以這次不用安裝 GitHub DeskTop，我們直接在GitHub網頁上傳(請先登入 [github](https://github.com/))。**

### 一、HTML 標題

1. 標題（Heading）是通過<h1> - <h6> 等標籤進行定義的。
2. <h1> 定義最大的標題。<h6> 定義最小的標題。
3. 練習 6-1.html [http://hhjh.webugm.com/6-1.html](http://hhjh.webugm.com/6-1.html) ```
  <pre class="brush:as3;">
  <h1>這是一個標題</h1>
  <h2>這是一個標題</h2>
  <h3>這是一個標題</h3>  
  <h4>這是一個標題</h4>
  <h5>這是一個標題</h5>
  <h6>這是一個標題</h6>
  ```
 
### 二、HTML 水平線

1. <hr /> 標籤在HTML 頁面中創建水平線。
2. hr 元素可用於分隔內容。
3. 6-2.html <http://hhjh.webugm.com/6-2.html>
 
### 三、HTML 註解

可以將註解插入HTML 代碼中，這樣可以提高其可讀性，使代碼更易被人理解。瀏覽器會忽略註解，也不會顯示它們。  
 註解是這樣寫的：

```
<pre class="brush:as3;">

```

### 四、查詢源代碼：在chrome瀏覽器/右鍵/檢查

### 五、HTML 段落

段落是通過<p> 標籤定義的。

範例：<http://hhjh.webugm.com/6-5.html>

```
<pre class="brush:as3;">
<p>
不曉得我的目的，亦都出去了，要命，像日本未來的時，偷得空間，鑼的響聲，也就分外著急，溺人的水窪，音響的餘波，福戶內的事，看見有幾次的變遷，誰甘白受人家的欺負，完全不同日子，新年的一日，不用摸索，孤獨地在黑暗中繼續著前進。請允許我，請允許我，照顧你生命中的每一天，我誰都不要，我什麼都不要，但我可以肯定地告訴你，現在已經過了人生的四分之一，你是世界上最幸福的人，什麼都別說了，請允許我，你是世界上最幸福的人，但我可以肯定地告訴你，但我可以肯定地告訴你，什麼都別說了，我希望老的時候可以牽著妳的手散步。感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，感謝上師，…一個公司小白兔多了以後，每次失敗好好接受教訓，蒙牛不是策劃出來的，做精做透很重要，以商業的形式執行，每一筆生意必須掙錢，不能拷貝我的苦難，碰到災難第一個想到的是你的客戶，聰明是智慧者的天敵，做任何事，80年代的人不要跟70年代，店不在於多，戰略有很多意義，關係特別不可靠，…I，奇蹟，在等等16:30~19:30到【蘋果日報E棟大樓】就可以免費領取【牛爾面膜】唷!大一生抽刀，染料恐致癌，亞職熱身賽，自家賣熱狗麵包，中央氣象局長辛在勤表示，夠浪漫，因韓方今在媒體有善意澄清回應，一直按重播，網友們，真有心...世界最矮的男人，潮爽德，張鈞甯焦心安頓媽。換，在MC跟5人說話的時候，重要的不是禮物的貴重，一份貼心，本來是為了治療失眠開始聽ASMR的，主持人問他們最近沉迷的事，自从海处开始煮咖啡以后，白馬-東方之星-數位全釉拋石英磚水餃....可怕的水餃....禮拜一又要做整天的水餃.....一直持續到禮拜三的比賽為止....不！
</p>
```

### 六、HTML 換行

如果您希望在不產生一個新段落的情況下進行換行（新行），請使用<br /> 標籤：

範例：<http://hhjh.webugm.com/6-6.html>

### 七、HTML 輸出- 有用的提示

1. 我們無法確定HTML 被顯示的確切效果。屏幕的大小，以及對窗口的調整都可能導致不同的結果。
2. 對於HTML，您無法通過在HTML 代碼中添加額外的空格或換行來改變輸出的效果。
3. 當顯示頁面時，瀏覽器會移除源代碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML代碼中的所有連續的空行（換行）也被顯示為一個空格。

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown