宥新資源回收專收園區、科技公司之回收廢料、各類金屬、各類稀有金屬。服務的廠商有台積電、凱鈺科技、緯創科技…等。並邀請大家一起為我們的環境盡一份心力，創造屬於我們的綠色奇蹟，為建立資源永續。
回收項目包含：廢紙類、廢家電類、廢電子類、稀有五金類、廢鐵、廢鋁、廢紅銅、廢青銅、廢不銹鋼、寶特瓶、光碟片、廢電池、工廠廢料…等。
宥新資源回收網站：http://www.youxin.com.tw
鼎峰位於台灣科技重鎮－新竹科學園區，附近各大公司林立，鑑於產業鏈上各公司求才若渴的心態，及對於高階管理人才的需求量激增，以便捷、有效率的方式，提供各項高階主管、顧問及專業經理人等相關人才，為公司節省人力搜尋時間以及人事營運成本。
目前委託客戶分布於兩岸三地，人才需求來源範圍廣大，鼎峰具有即時且完善的人才資料庫，對於客戶的委託，能夠快速並且「精準」地針對客戶的委託搜尋適任之專業人士，經過初步人才篩選後，提供合適之人選名單，並適時協調雙方關係以提高案件達成率，期以積極和誠信之理念為基礎，進而發揮以人為本的精神，創造出最高品質的諮詢與服務。
鼎峰網站中提供：首頁 Flash 動畫設計、動態橫幅 Flash 動畫製作、公司簡介、服務說明資訊、聯絡咨詢表單…等頁面功能。
推進工業為國內針對太陽能相關運用之鋁擠型產品研發、生產製造的專業加工廠。主要產品為太陽能發電系統支撐架，以及太陽能模組鋁框，業務範圍涵蓋亞洲和歐美…等。該公司於國內外共累積超過 50 百萬瓦以及超過 500 個太陽能支架系統之設計實務經驗。
網站中提供：橫幅照片輪播、商品分類、商品資料管理、實績案例資料管理、多國語系中英文版本切換…等功能。
龍江興自民國八十四年創立至今已近 20 年，專心致力於香料研發、南北貨銷售，擁有專業的用料食材，細心維護商品品質，了解客戶需求。提供專人及團隊進行研發專屬香料，當客戶對用料口味有進一步了解的需求時，龍江興有專人或團隊可提供商品諮詢。
網站中提供：首頁照片輪播、龍江興簡介、留言板、商品分類、商品管理、商品搜尋、商品後台編輯管理…等功能。
頂尖婚禮企畫為將邁入甜蜜婚禮的新人，提供婚禮主持、婚禮佈置、婚禮攝影、婚禮錄影、婚禮樂團、新娘秘書、婚禮 MV 、婚禮小物、禮俗介紹…等服務。其擁有經驗豐富且專業的婚禮服務團隊，事前透過充分溝通，依照新人的需求打造專屬於的個人化婚禮。
網站中提供：最新消息、照片上傳、影片上傳、主持人及攝影師等個人介紹及案例照片管理…等功能。
HTML 的文件結構其實很簡單，它是由多個標籤 (Tag) 組成一個個內容區塊，而不同的標籤區塊，內容會有不同的呈現方式。
在說明 HTML 結構之前，我們先看一下底下 hello.html 網頁檔案的範例：
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
眼尖的你應該已經發現，在上面的 HTML 標籤中， <html> 、 <head> 、 <title> 和 <body> 代表的就是一個區塊內容的開始標籤，而 </html> 、 </head> 、 </title> 和 </body> 即是代表一個區塊內容的結束標籤。
想知道這個 HTML 建立好後，在 網頁瀏覽器 上觀看到底是長怎樣的話，可以 按這裡觀看 。您可以把整個網頁透過網頁瀏覽器的功能另存下來，或是在網頁上空白處按滑鼠右鍵，然後點選「檢視原始碼」，就可以看到這個網頁實際上的 HTML 原始碼內容是什麼囉！是不是真的跟我們範例上所寫的一模一樣呢？做網頁真的不難對吧？！
在上面的範例 HTML 當中，您可以發現 <html> 和 </html> 正好包圍著整個 HTML 檔案，這就表示 <html> 是整個 HTML 檔案的開始，而 </html> 是整個 HTML 檔案的結束，因此 <html> 標籤是相當重要不可或缺的一個標籤啊！
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
如果您有點選上面的範例連結去觀看網頁執行的結果，您應該也會發現，整個網頁的內容，您在畫面上只有看到「哈囉！我的第一個 HTML 測試範例 …」，並沒有看到「網頁設計教學 HTML 測試」在瀏覽器的內容檢視區當中。這是為什麼呢？是哪裡寫錯了嗎？
不，網頁範例並沒有寫錯。而是因為瀏覽器的內容檢視區中真正看得到的網頁內容，是被包在 <body> 和 </body> 標籤之間的「主體區塊」，而在主體區塊之外的內容，是不會被顯示在瀏覽器的內容檢視區的。
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
那麼「網頁設計教學 HTML 測試」到底出現在哪裡呢？答案是，它會出現在網頁瀏覽器最左上角的網頁標題列上，而一般也會被當作 搜尋引擎 找到您網頁時的網頁標題。如果您還沒有找到這段文字出現在哪裡，您可以再 按這裡觀看 一次結果。
好的，我們再簡單說明一下，在 <head> 標籤區塊中出現的所有內容，都是給網頁瀏覽器或搜尋引擎看的「文件表頭」。而 <head> 區塊內，又包著一個 <title> 標籤區塊，指示出這個網頁的「標題」是什麼。
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
以上是一個基本的網頁最少應該有的標籤。而其實在 <head> 和 <body> 中，還有其它更多用途的標籤，我們將會在後續的教學網頁中，分門別類為您做介紹。
養成良好的習慣：您應該有發現我上面的範例在不同的標籤區塊之間有加空格去內縮，不同的區塊間甚至還有加空白行，為得是讓整個 HTML 檔案較容易讓「人」閱讀。但事實上，這 HTML 不論妳在不同的標籤之間加多少空格、空行，甚至你都不換行，它的執行結果都是一模一樣的，因為「瀏覽器」只會去認它的標籤。
<html><head><title>網頁設計教學 HTML 測試</title></head> <body>哈囉！我的第一個 HTML 測試範例 ...</body></html>
上面的 HTML 跟最前面的 HTML 執行結果都相同，有興趣您也可以試看看。
但是還是建議您以階層式內縮的方式來撰寫 HTML ，這樣對於您日後回頭來看時，要修改什麼地方，可以一目瞭然，更不容易出錯。 ^_^
| << 上一篇： HTML 簡介 | [ HTML 教學目錄 ] | 下一篇： HTML 基本排版 >> |
※ 本文歡迎大家在網頁中連結或加入我的最愛，但複製、引用、轉載或做其它商業用途者，請註明此原文出處及原始連結，未註明出處者必究。
宥新資源回收專收園區、科技公司之回收廢料、各類金屬、各類稀有金屬。服務的廠商有台積電、凱鈺科技、緯創科技…等。並邀請大家一起為我們的環境盡一份心力，創造屬於我們的綠色奇蹟，為建立資源永續。
回收項目包含：廢紙類、廢家電類、廢電子類、稀有五金類、廢鐵、廢鋁、廢紅銅、廢青銅、廢不銹鋼、寶特瓶、光碟片、廢電池、工廠廢料…等。
宥新資源回收網站：http://www.youxin.com.tw
鼎峰位於台灣科技重鎮－新竹科學園區，附近各大公司林立，鑑於產業鏈上各公司求才若渴的心態，及對於高階管理人才的需求量激增，以便捷、有效率的方式，提供各項高階主管、顧問及專業經理人等相關人才，為公司節省人力搜尋時間以及人事營運成本。
目前委託客戶分布於兩岸三地，人才需求來源範圍廣大，鼎峰具有即時且完善的人才資料庫，對於客戶的委託，能夠快速並且「精準」地針對客戶的委託搜尋適任之專業人士，經過初步人才篩選後，提供合適之人選名單，並適時協調雙方關係以提高案件達成率，期以積極和誠信之理念為基礎，進而發揮以人為本的精神，創造出最高品質的諮詢與服務。
鼎峰網站中提供：首頁 Flash 動畫設計、動態橫幅 Flash 動畫製作、公司簡介、服務說明資訊、聯絡咨詢表單…等頁面功能。
推進工業為國內針對太陽能相關運用之鋁擠型產品研發、生產製造的專業加工廠。主要產品為太陽能發電系統支撐架，以及太陽能模組鋁框，業務範圍涵蓋亞洲和歐美…等。該公司於國內外共累積超過 50 百萬瓦以及超過 500 個太陽能支架系統之設計實務經驗。
網站中提供：橫幅照片輪播、商品分類、商品資料管理、實績案例資料管理、多國語系中英文版本切換…等功能。
龍江興自民國八十四年創立至今已近 20 年，專心致力於香料研發、南北貨銷售，擁有專業的用料食材，細心維護商品品質，了解客戶需求。提供專人及團隊進行研發專屬香料，當客戶對用料口味有進一步了解的需求時，龍江興有專人或團隊可提供商品諮詢。
網站中提供：首頁照片輪播、龍江興簡介、留言板、商品分類、商品管理、商品搜尋、商品後台編輯管理…等功能。
頂尖婚禮企畫為將邁入甜蜜婚禮的新人，提供婚禮主持、婚禮佈置、婚禮攝影、婚禮錄影、婚禮樂團、新娘秘書、婚禮 MV 、婚禮小物、禮俗介紹…等服務。其擁有經驗豐富且專業的婚禮服務團隊，事前透過充分溝通，依照新人的需求打造專屬於的個人化婚禮。
網站中提供：最新消息、照片上傳、影片上傳、主持人及攝影師等個人介紹及案例照片管理…等功能。
HTML 的文件結構其實很簡單，它是由多個標籤 (Tag) 組成一個個內容區塊，而不同的標籤區塊，內容會有不同的呈現方式。
在說明 HTML 結構之前，我們先看一下底下 hello.html 網頁檔案的範例：
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
眼尖的你應該已經發現，在上面的 HTML 標籤中， <html> 、 <head> 、 <title> 和 <body> 代表的就是一個區塊內容的開始標籤，而 </html> 、 </head> 、 </title> 和 </body> 即是代表一個區塊內容的結束標籤。
想知道這個 HTML 建立好後，在 網頁瀏覽器 上觀看到底是長怎樣的話，可以 按這裡觀看 。您可以把整個網頁透過網頁瀏覽器的功能另存下來，或是在網頁上空白處按滑鼠右鍵，然後點選「檢視原始碼」，就可以看到這個網頁實際上的 HTML 原始碼內容是什麼囉！是不是真的跟我們範例上所寫的一模一樣呢？做網頁真的不難對吧？！
在上面的範例 HTML 當中，您可以發現 <html> 和 </html> 正好包圍著整個 HTML 檔案，這就表示 <html> 是整個 HTML 檔案的開始，而 </html> 是整個 HTML 檔案的結束，因此 <html> 標籤是相當重要不可或缺的一個標籤啊！
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
如果您有點選上面的範例連結去觀看網頁執行的結果，您應該也會發現，整個網頁的內容，您在畫面上只有看到「哈囉！我的第一個 HTML 測試範例 …」，並沒有看到「網頁設計教學 HTML 測試」在瀏覽器的內容檢視區當中。這是為什麼呢？是哪裡寫錯了嗎？
不，網頁範例並沒有寫錯。而是因為瀏覽器的內容檢視區中真正看得到的網頁內容，是被包在 <body> 和 </body> 標籤之間的「主體區塊」，而在主體區塊之外的內容，是不會被顯示在瀏覽器的內容檢視區的。
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
那麼「網頁設計教學 HTML 測試」到底出現在哪裡呢？答案是，它會出現在網頁瀏覽器最左上角的網頁標題列上，而一般也會被當作 搜尋引擎 找到您網頁時的網頁標題。如果您還沒有找到這段文字出現在哪裡，您可以再 按這裡觀看 一次結果。
好的，我們再簡單說明一下，在 <head> 標籤區塊中出現的所有內容，都是給網頁瀏覽器或搜尋引擎看的「文件表頭」。而 <head> 區塊內，又包著一個 <title> 標籤區塊，指示出這個網頁的「標題」是什麼。
<html>
<head>
<title>網頁設計教學 HTML 測試</title>
</head>
<body>
哈囉！我的第一個 HTML 測試範例 ...
</body>
</html>
以上是一個基本的網頁最少應該有的標籤。而其實在 <head> 和 <body> 中，還有其它更多用途的標籤，我們將會在後續的教學網頁中，分門別類為您做介紹。
養成良好的習慣：您應該有發現我上面的範例在不同的標籤區塊之間有加空格去內縮，不同的區塊間甚至還有加空白行，為得是讓整個 HTML 檔案較容易讓「人」閱讀。但事實上，這 HTML 不論妳在不同的標籤之間加多少空格、空行，甚至你都不換行，它的執行結果都是一模一樣的，因為「瀏覽器」只會去認它的標籤。
<html><head><title>網頁設計教學 HTML 測試</title></head> <body>哈囉！我的第一個 HTML 測試範例 ...</body></html>
上面的 HTML 跟最前面的 HTML 執行結果都相同，有興趣您也可以試看看。
但是還是建議您以階層式內縮的方式來撰寫 HTML ，這樣對於您日後回頭來看時，要修改什麼地方，可以一目瞭然，更不容易出錯。 ^_^
| << 上一篇： HTML 簡介 | [ HTML 教學目錄 ] | 下一篇： HTML 基本排版 >> |
※ 本文歡迎大家在網頁中連結或加入我的最愛，但複製、引用、轉載或做其它商業用途者，請註明此原文出處及原始連結，未註明出處者必究。
