1. 程式人生 > >HTML基本標記

HTML基本標記

1.HTML頭部標記head

 (1)語法 :<head>...</head>

   (2)   說明:<head>元素的作用範圍是整篇文件

      <head>元素中包括有 <meta>元資訊定義;標題標記title;文件樣式表定義;指令碼等資訊

       定義在HTML語言頭部的內容往往不會再網頁上直接顯示 

2.標題標記title

(1) HTML頁面的標題一般是用來說明頁面的用途,它顯示在瀏覽器的標題欄中

(2) 語法:<title>....</title>

  (3) 說明:頁面的標題只有一個,它位於HTML文件的頭部,即<head>和</head>之間

3.元資訊標記meta

(1)概述:meta元素提供的資訊不顯示在頁面中,一般用來定義頁面資訊的說明、關鍵字、重新整理等。在HTML中,meta標記不需要設定結束標記,在HTML頁面    中可以有多個meat元素,meta元素的屬性有name和http-equiv,其中name屬性主要用於描述網頁,以便搜尋引擎查詢和分類。

 (2)name屬性的使用

   #設定頁面關鍵字 

<meta name = "keywords"  content = "輸入具體的關鍵字">

在該語法中,name為屬性名稱,這裡是keywords,也就是設定網頁的關鍵字屬性,而content中則定義具體的關鍵字。

   #設定頁面說明:也是為了便於搜尋引擎的查詢,它用來詳細說明網頁的內容,頁面說明在網頁中不顯示出來。

<meta name = "description"  content = "設定頁面說明">

在該語法中,name為屬性名稱,這裡設定為description,也就是將元資訊屬性設定為頁面說明,在content中定義具體的描述語言。

   #定義編輯工具

      <meta name = "generator"  content = "FrontPage">

      在該語法中,name為屬性名稱,設定為generator,也就是設定編輯工具,在content中定義具體的編輯工具名稱

    #設定作者資訊

     <meta name = "author" content = "郭華濱">

    #設定網頁文集及語言

     <meta http-equiv = "content-type" content = "text/html"; charset = "字符集型別" />

     在該語法中,http-equiv用於傳送HTTP通訊協議的標頭,而在content中才是具體的屬性值。charset用於設定網頁的內碼語系,也就是字符集的型別,國內常用的是GB碼,      charset往往設定為gb2312,即簡體中文。英文是ISO-8859-1字符集。

    #設定網頁的定時跳轉:使網頁在一段時間後自動跳轉重新整理,經常有一些歡迎頁面,經過一段時間後,這些頁面會自動跳轉到其他頁面,這就是網頁的跳轉

<meta http-equiv = "refresh" content = "跳轉的時間;URL = 跳轉的地址">

<meta http-equiv = "refresh" content = "20 ; url = index1.html">

4.網頁的主體標記body

(1)網頁背景色 bgcolor

語法:<body bgcolor = "背景顏色">

  <body bgcolor = #FF99FF>

(2)網頁背景圖片 background

語法:<body background = "圖片地址" >

說明:圖片地址可以是相對地址,也可以是絕對地址。在預設情況下可以省略此屬性,這時圖片會按照水平和垂直的方向不斷重複出現,直到鋪滿整個頁面

(3)文字顏色text

語法:<body text = "文字的顏色">

說明:在該語法中,text屬性值與設定頁面背景色的相同

(4)連結文字屬性link

概述:在預設情況下,瀏覽器以藍色作為超連結文字的顏色,訪問過的文字則顏色變為暗紅色,可以通過link引數修改連結文字的顏色

語法:<body link = "顏色">

擴充套件:alink是為單擊連結的文字時設定顏色,vlink設定訪問後的連結文字的顏色

語法:<body link = "#993300" alink = "#0066FF" vlink = “#336600”>

(5)邊距 margin

概述:在網頁中可以設定頁面與瀏覽器邊框之間的距離,包括上邊距和左邊距

語法:<body topmargin = 上邊距的值  leftmargin = 左邊距的值>

說明:預設情況下,邊距的值以畫素為單位,一般網站的頁面左邊距和上邊距都設定為0