*YouTube 教學頻道* *影像布落格*
首頁
初學者技能教案專區
布落格寫作
數位影音專題寫作
西洋哲學史導讀
老子探義導讀
《論語》小談
flickr圖像集

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>



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>是身體,所以裡面出現的東西往往就是要在網頁頁面呈現的東西。如果有某些控制是要針對身體全身,控制的語法標籤往往會是<body xxx>,換言之,會在「<body」和「>」的中間。例如<body bgcolor="#ffffcc">,就是把整個網頁頁面底色改成#ffffcc  這種顏色。


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




沒有留言:

張貼留言