2012年7月1日 星期日

Html基本結構及語法概念




      搞懂Html架構
就掌握了Html

   Html有二個最重要的概念是要掌握清楚的：
    一、是構成整個Html的語法結構，即架構，
      二、是要創造文本效果的語法標籤，要如何
       來安排？ 
        這二個部分，是掌握Html的綱領性原則。
         對數位內容創作者而言，這是一定要弄清楚的。
    更重要的是這部分真的也很簡單！


★　HTML 基本架構

Html語法架構（請移動滑鼠到裡面看顏色變化）

<html>

<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>教學範例</title>
</head>

<body>
 這是網頁內容<br>
所要呈現部分<br>
</body>

</html>


不要讓技術嚇到您。請記住，趨勢是朝著自己做動畫、視訊和網頁方向前進。
Goloblisky, K. & Hagen, R. ／林安琪、于冠雲譯，2012。《設計之鑰》。台北：碁峰。p. 217。


Html語法基本架構影音教學：



教學影音內容說明：
  1. Html文本的整個語法架構由<html>xxx</html>、<head>xxx</head>以及<body>xxx</body>這三個部分組成。我們可以想像成<html>是一個人，<head>代表頭部，<body>代表身體。
  2. <html>向電腦宣告要去處理一個網路文本了，而</html＞告訴電腦說：「ok，可以結束這個網頁文本了」。
  3. <head>xxx</head>是頭部啊，所以在裡面要處理的都是一些「螢幕後」的控制部分，例如語言編碼啦、檔案標題啦等等這些不是直接可以在網頁頁面看到的東西。
  4. <body>xxx</body>是身體，所以裡面出現的東西往往就是要在網頁頁面呈現的東西。也就是說，所有可以在頁面出現的文本內容，都一定要放在這區裡面。


不管是多複雜的、多麼大的網站或是網頁，都是在這一HTML, HEAD, BODY這樣的結構中，建置出來的。我們一定要能了解、掌握這一讓網頁文本可以長出來的最基本文本結構。



《多媒體互動新聞寫作》專書相關影音教學：
  1. 30 秒學會HTM！
  2. HTML 的超級能力！變變變！！
  3. HTML 語法基本架構。
  4. HTML 多重標記的語法安排。




沒有留言:

張貼留言