1. 程式人生 > >HTML的基礎結構

HTML的基礎結構

<html>內容</html>

  解釋:HTML文件的文件標記,也稱為HTML開始標記

  功能:這對標記分別位於網頁的最前端和最後端

 

<head>內容</head>

  解釋:HTML檔案頭標記,也稱為HTML頭資訊開始標記

  功能:用來包含檔案的基本資訊,比如網頁的標題、關鍵字,在<head></head>內可以放<title></title>、<meta></meta>、<style></style>等標記

  注意:在<head></head>標記內的內容不會在瀏覽器中顯示

 

<title>內容</title>

  解釋:HTML檔案標題標記

  功能:網頁的“主題”,顯示在瀏覽器的視窗的左上邊

  注意:網頁的標題不能太長,要短小精悍,能具體反應頁面的內容,<title></title>標記中不能包含其他標記

 

<body>內容</body>

  解釋:HTML文件的主體標記

  功能:中間的內容是網頁的主體部分,在此標記之間可以包含如<p></p>、<hr>等標記,正是這些內容組成了可以看見的網頁

  常見屬性:

    1.bgcolor    設定背景顏色

    2.text       設定文字顏色

    3.link        設定連結顏色

    4.vlink      設定已經訪問了的連結顏色

    5.alink      設定正在被點選的連結顏色

 

<meta>內容</meta>

  解釋:頁面的元資訊

  功能:提供有關頁面的元資訊,比如針對搜尋引擎和更新頻度的描述和關鍵詞

  必須的屬性:content  值:some_text      定義name屬性相關的元資訊

  常見的屬性:

    常見的name屬性:

      1.author

      2.keywords

      3.description

      4.others

    比如描繪出網頁的關鍵詞:<meta name="author" content="chy">

  注意:meta標記必須放在head元素裡面

 

<html>
    <head>
        <title>我是標題</title>
        <meta charset="UTF-8">
        <meta name="keywords" content="前端,自學">
    </head>
    <!--<body bgcolor="green" text="blue">-->
    <body link="red" vlink="green" alink="yellow">
        <h1>這是一個內容的標題</h1>
        <a href="http://www.baidu.com">百度</a>
    </body>
</html>