HTML基本結構、頭部、注釋

來源:互聯網
上載者:User

標籤:nes   之間   標題   lin   格式   char   關係   不同   常用   

基本結構

1.HTML基本結構

<html>

    <head>

           <meta charset="utf-8">

           <title>這是我的第一個我網頁</title>

    </head>

    <body>

           這是我的第一個網頁

    </body>

 </html>

 

我們將代碼複製到了txt當中,如果出現亂碼現象 

然後我們將檔案另存新檔utf-8格式的檔案,在開啟就沒有問題了

 

 

head:這是一對頭部資訊,主要是顯示描述資訊,但是在網頁中不會顯示

body: 主體部分,真正在網頁中顯示的內容

 

<head> 元素包含了所有的頭部標籤元素。

在 <head>元素中你可以插入

    指令碼(scripts)

    樣式檔案(CSS)

    及各種meta資訊。

 

可以添加在頭部地區的元素標籤為:

 <title>,<style>, <meta>, <link>, <script>, <noscript>, and <base>.

 

2HTML <title> 元素

<title> 標籤定義了不同文檔的標題。

<title> 在 HTML/XHTML 文檔中是必須的。

<title> 元素:

      定義了瀏覽器工具列的標題

      當網頁添加到收藏夾時,顯示在收藏夾中的標題

      顯示在搜尋引擎結果頁面的標題

 

3HTML <link> 元素

<link> 標籤定義了文檔與外部資源之間的關係。

<link> 標籤通常用於連結到樣式表:

例子:<head>

     <link rel="stylesheet" type="text/css" href="mystyle.css">

     </head>

 

4.HTML <style> 元素

<style> 標籤定義了HTML文檔的樣式檔案引用地址.

在<style> 元素中你需要指定樣式檔案來渲染HTML文檔:

例子:    <head>

         <style type="text/css">

         body { BACKGROUND: white; mso-pagination: widow-orphan" align=left>         p {color:blue}

         </style>

         </head>

5.<meta> 標籤使用執行個體

meta   標籤描述了一些基本的中繼資料。

<meta> 標籤提供了中繼資料.中繼資料也不顯示在頁面上,但會被瀏覽器解析。

META元素通常用於指定網頁的描述,關鍵詞,檔案的最後修改時間,作者,和其他中繼資料。

中繼資料可以使用於瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵詞),或其他Web服務。

<meta>一般放置於 <head>地區

 

例子:

      設定字元集

<meta charset="utf-8">

     

     為搜尋引擎定義關鍵詞:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

     為網頁定義描述內容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

     定義網頁作者:

<meta name="author" content="Hege Refsnes">

     每30秒中重新整理當前頁面:

<meta http-equiv="refresh" content="30">

 

6.注釋

       注釋:<!--注釋內容-->

        !:表示聲明、注意

 

HTML基本結構、頭部、注釋

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.