看到一些Html入門書一開頭就是關於Html語言的歷史呀,發展什麼的,其實讓人頭痛。我想,這些剛開始記不住也無所謂的,你照樣可以用Html語言寫出屬於你自己的網頁。打個比方你得先學會吃飯,
然後才是規範你的吃相吧?不然你還在這裡呀?好了,Fox聽著,今天我們要做的就是首先寫出屬於我們自己的第一個網頁,不管其他的,如果有想學Html不知道Html為何物的,請在下面留言吧,我再另外回復! 點選查看html其為何物
這第一個網頁非常地簡單。在這裡我們不需要安裝什麼工具,只需要用到記事本就可以了。實際上我也不推薦你們借助
網頁編寫工具,這對你們學習的幫助不大。好了,打開你的記事本Notepad.exe(按
+R之後可在運行裡輸入
Notepad.exe打開),接下來我們就要在裡面輸入代碼了。
把下面紅色字體的內容複製到記事本裡:
<html>
<head>
<title>[你的名字]的第一個網頁</title>
</head>
<body text=』blue』>
<h2 align=』center』>[你的名字]的第一個網頁</h2>
<hr>
<p>今天開始我就開始學習使用Html語言寫網頁了。</p>
</body>
</html>
把文中兩處[你的名字]替換成你自己的名字,<h2 align=』center』>與</h2>之間的內容改成你想要顯示的標題,<p>與
</p>之間可以輸入你的文字。接下來點“保存”,把他保存為以“html”為尾碼名的文檔,比如“我
的網頁.html”。這個時候你就可以用你的流覽器打開了。效果如下:
大家看到了第一行的<html>,這是Html文檔的開頭標籤。標籤(Tag)就是<>裡的內容,這些內容是不會直接顯示在流覽
頁面上的。<html>這個標籤的意義,就是告訴那些打開這個網頁的流覽器或工具他就是用Html語言編寫的,這會避免有些工
具處理效果時出現亂碼等問題。大家還看到最後一行的</html>,比開頭的<html>多了個』/』,這就是<html>的結束標籤,一般
來說每個標籤都會有他相應的結束標籤,比如上面有<title>,又有</title>,大家要記住,別把結束標籤忘了。
第二行的<head>,就是頭部標記,去看看大網站的代碼<head>部份都有很多內容,大概是網頁的關鍵字呀,使用的語
言集呀,字體呀等多方面的資訊,這個<head>我們改天再專門研究一下,今天我們只說<head>與</head>間<title>的用處
吧。<title>裡的內容就是網頁的標題,這個標題是顯示在流覽器的標題欄上面的,或者你把網頁收藏到收藏夾時的名稱。比
如你把<title>與</title>之間的文字改成:☆☆★★,那你再打開這個網頁會變成這樣:
在<title>裡你可以加很多符號進去(不支援圖片),可以個性化你的網頁標題欄。
網頁最重要的標籤,就是主體標籤<body>了,這個<body>到</body>為止裡的內容,就是我看到的那些網頁頁面上的文
章呀,圖片呀,甚至flash了,text=』blue』這一句就是說<body>標籤裡的字體顏色為藍色,大家也可以愀其他顏色,這個會
是我們以後要研究的內容。然後<body>裡的<h2 align=』center』>和</h2>之間就是顯示在頁面上文章的標題了,你可以改成
<h2>或<h1>裡面的數字代表的是標題的級數,改變數字就會改變標題的大小。<p>與</p>表示<p>到</p>之間的文字為一
段,每篇文章裡都會有很多段,所以你會在原始碼裡看到很多個<p></p>。
最後再注意一下,不要把Html文檔的結束標籤丟了,大家一定要記著結束的地方有一個</html>。
正文結束之後我來加幾句廢話,希望大家也把他看下去。Poshi的個人表達能力有限,如果有什麼不懂的,還是留言然
後我再補充吧。其實大家不要認為這是什麼教程,我真的是在寫日誌。我自己之前學的是丟三落四的,所以今天開始我要把
那些基本的撿起來,這是每天在給自己做歸納,我沒有說我的日誌會有幾篇,會到什麼時候結束,因為學無止境,可能我會
跟大家一起把Html的基礎部份完成,但是我們不可以預測我們將會遇到多少問題。只要有問題我就會在日誌裡提出來,解決
了就分享成果,還沒解決的提出來大家一起解決呀。






哈哈,html教程,給Tino看的~~~
[回應]