GitBook: [master] 11 pages modified

linwebs · gitbook-bot · commit 4928aa59a34c · 2018-04-29T03:43:37.000Z
diff --git a/1-1/1-2.md b/1-1/1-2.md
@@ -1,4 +1,4 @@
-# 1-2 HTML 結構說明
+# 1-1 HTML 結構說明
 
 現今的瀏覽器非常厲害，不完全按照定義的HTML架構寫出來的網頁，瀏覽器還是會盡量的顯示出來，但是如果你是較進階的工程師，因為某些需求，還是會將HTML寫成符合W3的規範，如提升網站的網頁SEO。
 
diff --git a/1-1/1-3.md b/1-1/1-3.md
@@ -1,6 +1,6 @@
-# 1-3 HTML 編輯器
+# 1-2 HTML 編輯器
 
-藉由 HTML 編輯器的幫助可以增加撰寫 HTML 語法的效率，網路上有非常多 HTML 編輯器，無論使用何種編輯器皆可製作出 HTML 網頁，可依個人喜好做選擇，本篇介紹一款由 Adobe 公司所開發的開元編輯器[Brackets](http://brackets.io/index.html)，擁有即時預覽的功能，方便開發者製作網頁。
+藉由 HTML 編輯器的幫助可以增加撰寫 HTML 語法的效率，網路上有非常多 HTML 編輯器，無論使用何種編輯器皆可製作出 HTML 網頁，可依個人喜好做選擇，本篇介紹一款由 Adobe 公司所開發的開元編輯器 [Brackets](http://brackets.io/index.html)，擁有即時預覽的功能，方便開發者製作網頁。
 
 
 
diff --git a/1-1/1-4.md b/1-1/1-4.md
@@ -1,4 +1,4 @@
-# 1-4 HTML 基本語法
+# 1-3 HTML 基本語法
 
 HTML 的跟我們人一樣，有頭有身體，所有的 HTML 語法皆是由小於【&lt;】的符號當開頭，大於【&gt;】的符號當結尾，而基本語法如下，所有語法皆使用 &lt;html&gt; 標籤所包住，內部有 &lt;head&gt; 放置網頁屬性，不會顯示於瀏覽器中，多在此處設定網頁屬性或引用檔案，如：引用 css、javascript 等檔案，&lt;body&gt; 標籤的內容則會顯示於瀏覽器中，而語法結束需以【&lt;/&gt;】符號當作結尾，與開頭不同的地方是在【&lt;】後方加入除【/】的符號來當結尾。
 
diff --git a/1-1/README.md b/1-1/README.md
@@ -1,4 +1,4 @@
-# 1-1 HTML 簡介
+# 1. HTML 簡介
 
 **H**yper**T**ext **M**arkup **L**anguage \(簡稱: HTML，中文:**超文件標示語言**\) 是一種網頁程式語言，與其說是程式語言，倒不如說是排版工具，網頁瀏覽器藉由讀取 HTML 來呈現出網頁，HTML 經常與 CSS 與 JavaScript 做搭配，讓網頁更賞心悅目，現在主流的 HTML 版本為 HTML5。
 
diff --git a/2.-chang-yong-html-yuan-jian/21-ji-ben-html-yuan-jian.md b/2.-chang-yong-html-yuan-jian/21-ji-ben-html-yuan-jian.md
@@ -0,0 +1,76 @@
+# 2-1 基本HTML元件
+
+#### 段落
+
+> 使用&lt;p&gt;來開始段落，使用&lt;/p&gt;來結束段落
+
+```markup
+<p>Linwebs | 林林.台灣</p>
+<p>這是一個段落</p>
+```
+
+
+
+#### 換行
+
+> 使用&lt;br /&gt;來換行，PS: 也可寫成&lt;br&gt;
+
+```markup
+<p>Linwebs | 林林.台灣</p>
+<p>這是<br />換行</p>
+```
+
+
+
+#### 文字樣式
+
+> 使用以下標籤來改變文字的樣式
+
+```markup
+<p>這是普通的文字</p>
+<b>這是加粗的文字</b>
+<big>這是放大的文字</big>
+<i>這是斜體的文字</i>
+<small>這是縮小的文字</small>
+<strong>這是加強的文字</strong>
+這是<sub>上標</sub>的文字
+這是<sup>下標</sup>的文字
+這是<ins>插入</ins>的文字
+<del>這是刪除的文字</del>
+```
+
+####  標題 {#hang}
+
+> h1到h6為HTML的標題語法，大家可依需求使用
+
+```markup
+<h1>h1. Linwebs | 林林.台灣</h1>
+<h2>h2. Linwebs | 林林.台灣</h2>
+<h3>h3. Linwebs | 林林.台灣</h3>
+<h4>h4. Linwebs | 林林.台灣</h4>
+<h5>h5. Linwebs | 林林.台灣</h5>
+<h6>h6. Linwebs | 林林.台灣</h6>
+```
+
+####  分隔線 {#hang}
+
+> 使用&lt;hr /&gt;來顯示分隔線
+
+```markup
+<p>Linwebs | 林林.台灣</p>
+<hr />
+<p>這是分隔線下的文字</p>
+```
+
+####  圖片 {#hang}
+
+> 使用&lt;img&gt;來顯示圖片，使用src屬性來指定圖片路徑，可使用相對路徑或是絕對路徑，也可配合下個小章節的HTML元件屬性來改變其寬度、高度
+
+```markup
+<img src="linwebs.png">
+<h1>Linwebs | 林林.台灣</h1>
+<img height="100px" width="100px" src="logo.png" border="1">
+```
+
+
+
diff --git a/2.-chang-yong-html-yuan-jian/README.md b/2.-chang-yong-html-yuan-jian/README.md
@@ -0,0 +1,6 @@
+# 2. 常用 HTML 元件
+
+基本HTML元件
+
+以下介紹的元件為多數網頁都會使用到的元素。
+
diff --git a/SUMMARY.md b/SUMMARY.md
@@ -1,8 +1,10 @@
 # Table of contents
 
 * [介紹](README.md)
-* [1-1 HTML 簡介](11-html-ji-ben-yu-fa.md)
-* [1-2 HTML 結構說明](12-html-jie-gou-jian-jie.md)
-* [1-3 HTML 編輯器](13-html-bian-ji-qi.md)
-* [1-4 HTML 基本語法](14-html-ji-ben-yu-fa.md)
+* [1. HTML 簡介](1-1/README.md)
+  * [1-1 HTML 結構說明](1-1/1-2.md)
+  * [1-2 HTML 編輯器](1-1/1-3.md)
+  * [1-3 HTML 基本語法](1-1/1-4.md)
+* [2. 常用 HTML 元件](2.-chang-yong-html-yuan-jian/README.md)
+  * [2-1 基本HTML元件](2.-chang-yong-html-yuan-jian/21-ji-ben-html-yuan-jian.md)
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# 1-2 HTML 結構說明`
	`1`	`+# 1-1 HTML 結構說明`
`2`	`2`
`3`	`3`	`現今的瀏覽器非常厲害，不完全按照定義的HTML架構寫出來的網頁，瀏覽器還是會盡量的顯示出來，但是如果你是較進階的工程師，因為某些需求，還是會將HTML寫成符合W3的規範，如提升網站的網頁SEO。`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# 1-4 HTML 基本語法`
	`1`	`+# 1-3 HTML 基本語法`
`2`	`2`
`3`	`3`	HTML 的跟我們人一樣，有頭有身體，所有的 HTML 語法皆是由小於【<】的符號當開頭，大於【>】的符號當結尾，而基本語法如下，所有語法皆使用 <html> 標籤所包住，內部有 <head> 放置網頁屬性，不會顯示於瀏覽器中，多在此處設定網頁屬性或引用檔案，如：引用 css、javascript 等檔案，<body> 標籤的內容則會顯示於瀏覽器中，而語法結束需以【</>】符號當作結尾，與開頭不同的地方是在【<】後方加入除【/】的符號來當結尾。
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# 1-1 HTML 簡介`
	`1`	`+# 1. HTML 簡介`
`2`	`2`
`3`	`3`	`HyperText Markup Language \(簡稱: HTML，中文:超文件標示語言\) 是一種網頁程式語言，與其說是程式語言，倒不如說是排版工具，網頁瀏覽器藉由讀取 HTML 來呈現出網頁，HTML 經常與 CSS 與 JavaScript 做搭配，讓網頁更賞心悅目，現在主流的 HTML 版本為 HTML5。`
`4`	`4`