1.初學或是想要接觸網頁設計的朋友閱讀
2.想要自學不想上補習班的朋友閱讀
本篇文章目的在於協助初學的朋友快速了解一些基本的概念2.想要自學不想上補習班的朋友閱讀
讓初學的朋友在網路上GOOGLE或是看別人的Code時避免抓瞎
(就像我剛開始自學的時候一樣，浪費不少時間)
開始之前我們先來看一下以前有人問過我的一些問題，讓大家在學習過程中少一點疑問
(以後還有的話我會陸續進行更新，並在右下角標記更新日期方便大家閱讀)
當然大家如果有問題也可以發問，我知道的我會回答的，如果發現我有說錯的也麻煩通知我修正一下
初學常見疑問
1.HTML跟CSS有什麼差異
這個問題聽起來很好笑，但是還真的有人問過我
其實HTML跟CSS差異我個人是認為沒有可比性的，因為兩個目的跟用途就不一樣，
HTML本身就是一個網頁頁面的架構，雖然可以做一點簡單的處理但是並沒有辦法做細部的美化跟排版，
而CSS則是用來設定網頁架構的樣式跟排版用的，兩個目的性不同是相輔相成的，所以我才會說沒有可比性
2.HTML是什麼
關於這個問題可以到維基百科去看說明
這個部分網路上說明很好找就不再贅述了，
3.可以用什麼軟體編輯HTML頁面
1.筆記本(OS灌好就好)
2.Word(要付費而且不好用)
3.DreamWeaver(要付費但是很方便又很好用)
4.Notepad++(免費網路上抓的)
其他還有很多只能編輯文字基本上都可以編輯HTML Code只是好不好用跟順不順手的差別
4.我怎麼知道有哪些Tag可以用
在HTML中的Tag全部都是由W3C這個組織在制定的
所以如果你自己隨便亂打基本上是不會有效果的
所以如果你自己隨便亂打基本上是不會有效果的
HTML網頁頁面基本架構說明
<!DOCTYPE html> <html> <head> <!--表頭區塊--> </head> <body> <!--顯示區塊--> </body> </html>
在上面的HTML Code中我們可以看見以下幾種Tag
<!DOCTYPE html>:指示瀏覽器頁面以哪一種HTML指令所編寫(這邊以HTML5的為範例)，必須在頁面的第一行
<html></html> :代表整份文件的內容範圍區段
<head></head> :表示標頭資訊的區塊
<body></body> :表示顯示在瀏覽器上的頁面區塊
是的以上就是非常簡單的基礎網頁架構
當然如果你直接將上面的Cdoe貼在筆記本然後轉成網頁檔案
那麼你看到的會是一片空白，因為我們只是寫了一個網頁的基本架構
並沒有提供要顯示的內容，所以會看不到東西
如果我們想要看到網頁內容的話就要在body Tag中加入想要顯示的內容
<body> 大家好我是網頁要顯示的內容區塊 </body>
是的沒有錯要將想顯示在瀏覽器畫面上的資料放在body中，另外值得注意的兩個地方是
1.如果將要顯示在瀏覽器的內容放在以外的地方就不會顯示出來了
2.上述網頁結構不可隨便更改例如將body移動到html外面或放在head中，都會造成顯示不正常喔
HTML Tag 結構
HTML的Tag一般分為成對標籤/獨立標籤
成對標籤呢就像是<body></body>由一個起始標籤及一個結束標籤組成
而獨立標籤則像是<img>只有一個標籤代表起始於結束
當然每個Tag都會有一些屬性可以使用，這部分以後有機會在介紹
大家先了解一些HTML基礎概念就好，想要了解最重要的還是要多多實做
不然就會變成趙恬了
沒有留言:
張貼留言