Html語言學習日誌-來編寫你自己的第一個網頁吧 十一月 01
推到 Twitter!
推到 Plurk!

  看到一些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的基礎部份完成,但是我們不可以預測我們將會遇到多少問題。只要有問題我就會在日誌裡提出來,解決

了就分享成果,還沒解決的提出來大家一起解決呀。

相關文章

Category: 互聯網絡  | Tags:
請不要私自轉走Poshi的文字,謝謝! 聯繫Poshi:Twitter
不建議在留言樣填商業網站或非自創內容網址,因為那些連結會被去掉。

Leave a Reply

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

One Response to “Html語言學習日誌-來編寫你自己的第一個網頁吧”

  1. Lunasea 說道:

    哈哈,html教程,給Tino看的~~~

    [回應]