HTML是「HyperText Markup Language」的縮寫,它是運作在每個人的電腦的瀏覽器(IE,Firefox,Chrome,Safari),因為所使用的瀏覽器的不同,每個人看到的效果會有些許的差異.

而HTML的用法是利用「標籤」來告訴使用者的瀏覽器如何顯示內容,下面將介紹HTML的最基本的標籤.

HTML基本架構<html>
        <head>
        </head>
        <body>
        </body>
</html>

<html></html>是一對的,是告訴瀏覽器在這對標籤中的內容請用HTML語法來解讀.

<head></head>是一對的,裡面包含一些定義方面的內容,比如說「標題」,或編碼等,或者CSS(排版),JavaScript(網頁互動)都有可能放在這裡.

<body></body>是一對的,裡面就是放我們要顯示給使用者的內容.

這裡我們可以觀察到HTML的標籤都是一對的(其實是大部分,有些例外),而開頭一定是<xxx>包住,結尾則是</xxx>,中間的xxx則替換為標籤.

那我們來做第一個HTML的例子,請依下面步驟操作

1.使用「記事本」輸入以下的內容,並儲存成first.html(HTML的檔案我們都會儲存為副檔名html或htm的檔案)

2015-07-25_124948  

2.使用你的瀏覽器開啟這個檔案,就可以看到HTML的結果了

2015-07-25_125709  

所以你只要在<body></body>中,加入任何你要顯示的內容,一個最基本的網頁就算完成了.你一定會問那為什麼別的的網頁那麼漂亮呢??這是因為除了本文所介紹的三個標籤外,還有許多的標籤來美化網頁,我們將在其他的文章做後續的介紹.

HTML的學習課程-第二章 標籤的類別

arrow
arrow
    文章標籤
    HTML 學習 基本架構
    全站熱搜

    痞客興 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄