Chap 02 HTML基本標記

時間 2019-11-09
標籤 chap html 基本標記欄目 HTML 简体版
原文原文鏈接
2.1  HTML頭部標記head 
   在HTML語言的頭部元素中，通常須要包括標題、基礎信息和元信息等。HTML的頭部元素是以<head>爲開始標記，以</head>未結束標記的。
  
語法:
<head>……</head>
 
說明：
<head>元素的做用範圍是整篇文檔。<head>元素中能夠有<meta>元信息定義、文檔樣式表定義和腳本等信息，定義在HTML語言頭部的內容每每不會在網頁上直接顯示。
 
2.2  標題標記title
       HTML頁面的標題通常是用來講明頁面的用途，它顯示在瀏覽器的標題欄中。在HTML文檔中，標題欄設置在<head>與</head>之間。標題標記以<title>開始，以</title>爲結束。
 
語法：
 <title>……</title>
 
說明：每一個HTML文檔的頁面標題都只有一個。
 
2.3  元信息標記meta
      meta元素提供的信息不顯示在頁面中，通常用來定義頁面信息的說明、關鍵字、刷新等。在HTML中，meta標記不須要設置結束標記，在一個尖括號內就是一個meta內容。在一個HTML頁面中有多個meta元素。meta元素的屬性有name和http-equiv,其中name屬性主要用於描述網頁，以便於搜索引擎查找、分類。
 
2.3.1  設置頁面關鍵字
   在搜索引擎中，檢索信息都是經過輸入關鍵字來實現的。關鍵字是整個網站登陸過程當中最基本也是最重要的一步，是進行網頁優化的基礎。關鍵字在瀏覽時看不到的，它可供搜索引擎使用，當用關鍵字搜索網站時，若是網頁中包含改關鍵字，就能夠在搜索結果中列出來。
 
語法：
<meta name="keywords" content="輸入具體的關鍵字"/>
 
說明：
     在該語法中，name爲屬性名稱，例子中是keywords，也就是設置網頁的關鍵字屬性，而在content中則定義具體的關鍵字。
 
2.3.2  設置頁面說明
   設置頁面說明也是爲了便於搜索引擎的查找，它用來詳細說明網頁的內容，頁面說明在網頁中不顯示。
 
語法：
<meta name="description" content="設置頁面說明"/>
 
說明:
     在該語法中，name爲屬性名稱，例子中設置爲description，也就是將元信息屬性設置爲頁面說明，在content中定義具體的描述語言。
 
2.3.3  定義編輯工具
      有不少編輯軟件均可以製做網頁，在源代碼的頭部能夠設置網頁編輯工具的名稱，與其餘meta元素不一樣，編輯工具也只是在頁面的源代碼中能夠看到，而不會顯示在瀏覽器中。
 
語法：
<meta name="genrator" content="編輯軟件的名稱">
 
2.3.4  設置做者信息
    在源代碼中還能夠設置網頁製做者的姓名。
 
語法：
<meta name="author" content="做者的姓名">
 
2.3.5  設置網頁文字及語言
       在網頁中還能夠設置語言的編碼方式，這樣瀏覽器能夠正確的選擇語言，而不須要人工選取。
 
語法：
<meta http-equiv="content-type"  content="text/html ;   charset=字符集類型"/>
 
說明：在該語法中，http-equiv用於傳送HTTP通訊協議的標頭，而在content中才是具體的屬性值。charset用於設置網頁的內碼語系，也就是字符集的類型，國內經常使用的時GB碼，charset每每設置爲gb2312，即簡體中文。英文是ISO-8859-1字符集，茨瓦還有其餘的字符集。
 
2.3.6  設置文野的定時跳轉
     使用meta標記可使網頁通過必定時間後自動刷新，者可經過將http-equiv屬性值設置爲refresh來實現。content屬性值能夠設置爲更新時間。
      在瀏覽網頁時常常會看到一些歡迎信息的頁面，在通過一段時間後，這些頁面會自動轉到其餘頁面，這就是網頁的跳轉。
 
語法：
<meta http-equiv="refresh"  content="跳轉的時間"  ; URL=跳轉到的地址"/>
 
說明：refresh表示網頁的刷新，在content中設置刷新的時間和刷新後連接地址，默認刷新時間以秒爲單位。
 
 
2.4   網頁的主體標記body
      網頁的主體部分包括要在瀏覽器中顯示處理的全部信息。在網頁的主體標記中有不少的屬性設置，包括網頁的背景設置、文字屬性設置和連接設置等。
 
2.4.1   網頁背景色bgcolor
 語法:
<body bgcolor="背景顏色">
 
說明：
body就是頁面的主體標記，bgcolor的值可使一個已命名的顏色，也能夠是十六進制的顏色值。
 
2.4.2  網頁背景圖片background
        使用background屬性能夠將圖片設置爲背景，同時能夠設置圖片的平鋪方式、顯示方式等。
 
語法：
<body background="圖片的地址">
 
說明：
      圖片的地址能夠是相對地址，也能夠是絕對地址。默認狀況下，開發做者能夠省略此屬性，這是圖片會按照水平和垂直的方向不斷重複出現，知道鋪滿整個頁面。
 
2.4.3  文字顏色   
     能夠經過text標記來設置文字的顏色。在沒有對文字的顏色進行單獨定義時，這一屬性能夠對頁面中的全部文字起做用。
 
語法：
<body text="文字的顏色值">
 
2.4.4   連接文字屬性link
     超連接中以文字連接最多，在默認狀況下，瀏覽器以藍色做爲超連接文字的顏色，訪問過的文字顏色則變爲暗紅色。能夠經過link參數修改連接文字的顏色。
 
語法：
<body link="顏色值">
 
說明：
        這一屬性的設置與以前幾個設置顏色的參數類似，都是與body標籤設置在一塊兒，代表它對網頁中全部未單獨設置的元素起做用。
       
        使用alink能夠設置正在訪問的文字顏色
語法：<body  link="顏色值"   alink="顏色值">
 
      
      使用vlink能夠設置訪問後的文字顏色
語法：<body  link="顏色值"   alink="顏色值"   vlink="顏色值">
 
 
2.4.5   設置邊距margin
      在網頁中能夠設置頁面與瀏覽器邊框之間的距離，包括上邊距和左邊距。默認狀況下，邊距的值以像素爲單位。
 
語法：
<body topmargin=上邊距的值   leftmargin=左邊距的值>
 
2.5  頁面的註釋
       註釋是在HTML代碼中插入的描述性文本，用來解釋改代碼或提示其餘信息。註釋只出如今代碼中，在瀏覽器的頁面中不顯示。
 
語法：
<!--註釋的內容-->
相關標籤/搜索
每日一句
每一个你不满意的现在，都有一个你没有努力的曾经。