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