HTML作為網站建設的語言,它有哪些常用的標簽,哪些標簽起什么作用,這是一個初學者必須學習的。我們先來看一段最基本的HTML代碼

<html>
<head><title>助派網絡信息</title></head>
<body>
<h1>一號標題</h1>
<p>你好,世界,這是我的文章內容。</p>
</body>
</html>

這段代碼非常簡單,初學者或許會看不明白,不要怕,看完以下解釋你就完全懂了。

文檔標簽:<html></html>

    這對標簽在每個HTML文檔里面都是必備的,而且是每個文檔的開始位置就要寫出來,當然后面那個</html>是在文檔的最未,它們把整個網頁的內容包括在里面,這對標簽是什么意思,一直沒有人去解釋,大多數教程只說它們是必須要寫上的而已。按我個人的理解這里的意思是聲明這個文檔是HTML文檔的意思,因為我們要打開一個文檔,電腦是不知道這個文檔是干嘛用的,所以要有一對標簽聲明它是干嘛用的,就如它跟電腦說“我是HTML文檔,你要按HTML方式來讀取我的信息?!边@樣理解或許不是最標準的答案,但一定是最容易理解的答案。

文檔抬頭:<head></head>

    head標簽里面包含的內容是整個文檔的抬頭信息,包括網站標題信息,還有網站關鍵詞及網站編碼信息,語言信息等(在以后的課程會介紹)。這里面的內容一般不會出現在網頁的主體顯示上。

網站教程

網頁標題:<title></title>

    包含在這對標簽里面的文字將成網頁的標題信息展現在瀏覽器標簽上,如上圖所標出的信息。網頁的標題要放在<head>標簽對里面,放在其它地方就會失去它原有的效果。

網頁主體:<body></body>

    網頁的所有可見內容都放在網頁的主體標簽里面,我們很容易從字面上理解這對標簽的含義——主體,我們做任何網頁都是要給人看的,所以可以看得見的內容都要寫在這里面,當然還有看不見的腳本信息也可以放在這里(以后會講解)。

文章標題:<h1></h1>

    網頁中所有的文章都有標題,注意,這里的標題是文章的標題,不是網頁標題,文章標題是在網頁的主體內容里顯示的,這里使用的是h1是一號標題,HTML里文章標題可分為多級標題,可以是h1,h2,h3,...后面的數字越大,顯示出來的標題就越小。

文章段落:<p></p>

    上面有文章標題那么,寫了文章標題之后我們肯定就是開始寫文章的段落,所以HTML里就有段落標簽<p>,在這個標簽里面的文字會具有段落的屬性,它們會距離段落上下的文字有一定的距離,當然這些都是可以改變的,這里使用它是為了好區分文章的段落信息。

看完這些你就已經完全理解了HTML文檔的最基本標簽,但是這些代碼要怎樣才能生效,要用什么來寫呢?很多教程并不告訴你,那么現在我來告訴你,這非常簡單,你打開你電腦里面的記事本,把以上代碼復制進去,或你為了加深印象可以自己跟著寫進去。如下圖:

記事本代碼

當你把代碼都復制或寫好了之后點擊記事本上面的文件菜單,接著點擊另存為,如下圖:

記事本寫代碼

然后在出現在對話框里保存類型一定要選擇:所有文件,如下圖:

保存html

選好保存類型之后,還有非常關鍵的一步就是在文件名里輸入的后綴名一定是HTML可讀類型的名稱,如.html或.htm這樣的后綴名才能使你的網頁成為一個正常的網頁。

手工代碼

保存好了之后,記住你保存的路徑及保存的文檔名,然后去找到這個文件,雙擊它就能得到你的第一個網頁。

最簡單的網頁

好了現在你已經學會怎么去做一個網頁了,趕緊去動動手吧,只有你動手多練習,你以后才能更加得心應手。