| 搞懂Html架構 就掌握了Html Html有二個最重要的概念是要掌握清楚的： 一、是構成整個Html的語法結構，即架構， 二、是要創造文本效果的語法標籤，要如何 來安排？ 這二個部分，是掌握Html的綱領性原則。 對數位內容創作者而言，這是一定要弄清楚的。 更重要的是這部分真的也很簡單！ |
★ HTML 基本架構
Html語法架構（請移動滑鼠到裡面看顏色變化）
<html>
</html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>教學範例</title>
</head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>教學範例</title>
</head>
<body>
這是網頁內容<br>
所要呈現部分<br>
</body>
這是網頁內容<br>
所要呈現部分<br>
</body>
</html>
不要讓技術嚇到您。請記住，趨勢是朝著自己做動畫、視訊和網頁方向前進。
Goloblisky, K. & Hagen, R. ／林安琪、于冠雲譯，2012。《設計之鑰》。台北：碁峰。p. 217。Html語法基本架構影音教學：
教學影音內容說明：
- Html文本的整個語法架構由<html>xxx</html>、<head>xxx</head>以及<body>xxx</body>這三個部分組成。我們可以想像成<html>是一個人，<head>代表頭部，<body>代表身體。
- <html>向電腦宣告要去處理一個網路文本了，而</html＞告訴電腦說：「ok，可以結束這個網頁文本了」。
- <head>xxx</head>是頭部啊，所以在裡面要處理的都是一些「螢幕後」的控制部分，例如語言編碼啦、檔案標題啦等等這些不是直接可以在網頁頁面看到的東西。
- <body>xxx</body>是身體，所以裡面出現的東西往往就是要在網頁頁面呈現的東西。也就是說，所有可以在頁面出現的文本內容，都一定要放在這區裡面。
不管是多複雜的、多麼大的網站或是網頁，都是在這一HTML, HEAD, BODY這樣的結構中，建置出來的。我們一定要能了解、掌握這一讓網頁文本可以長出來的最基本文本結構。
《多媒體互動新聞寫作》專書相關影音教學：
- 30
秒學會HTM！
- HTML 的超級能力！變變變！！
- HTML 語法基本架構。
- HTML 多重標記的語法安排。
沒有留言:
張貼留言