1. 程式人生 > >HTML基本結構、頭部、註釋

HTML基本結構、頭部、註釋

現象 asc 主體 修改 描述 註意 utf-8 外部 基本

基本結構

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基本結構、頭部、註釋