標籤：ext bsp term 成功 解釋 映像 方法 set 執行
一.HTML(Hyper Text Markup Language超文字標記語言 (HTML))是一種用來製作超文字文件的簡單標記語言，HTML在本文的文本中編寫各種標記，通過Web瀏覽器進行編譯和運行才幹正確顯示。此篇文章主要介紹HTML文檔基礎和經常使用標記，此篇文章的內容架構例如以下，可是僅僅先介紹HTML文檔基礎：
在HTML文檔的經常使用標記中。少畫了一個多媒體標記，請見諒！
1.HTML文檔基礎：
1.1 HTML標記：HTML是超文字標記語言 (HTML)。
主要由文本和標記兩部分構成。HTML的標記一般是由“<”、“>”以及當中所包括的標記元素組成的。
比如：<body></body>就是一對標記。此標記稱為主體標記，用來指明文檔中的主體內容。
(1).在HTML超文字標記語言 (HTML)中。大多數標記都是成對出現的。通常是由一個開始標記和一個結束標記組成的，當中開始標記告訴Web瀏覽器從此處開始運行該標記所表示的功能，而結束標記告訴Web瀏覽器在這裡結束該功能。這類標記稱為“雙標記”，其文法格式例如以下：
<標記>內容</標記>
當中“內容”部分就是要被這對標記起作用的部分。比如在頁面中輸出y的平方。能夠通過<sup></sup>標記來實現。
(2).接著附上一個“雙標記”的範例。啟動Dreamweaver CS5工具，也能夠用其他編寫網頁的工具。在建立新項目中選擇HTML，在“代碼”表單中編寫例如以下代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>輸出y的平方</title></head><body>輸出y的平方：y<sup>2</sup></body></html>
接著建立一個網站，點擊工具列的網站，然後這樣選擇：
然後將這個網頁儲存到這個網站裡，名字改為sup.html。執行效果例如以下：
(3).儘管在HTML超文字標記語言 (HTML)中。大多數的標記為“雙標記”，可是也有一些是以單獨形式存在的標記，此類標記稱為“單標記”。這類標記僅僅需單獨使用就能完整地表達其意思，文法格式為：<標記>
在HTML超文字標記語言 (HTML)中。最經常使用的“單標記”是<br>，此標記為換行標記。事實上寫成<br/>也能夠達到換行的效果。
(4).接下來附上一個“單標記”的範例，通常在頁面中用一行顯示一段文字，因為此行文字太長顯得頁面非常不美觀，此時能夠使用單標記<br>將此段文字分為兩行顯示。代碼例如以下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>單標記</title></head><body>夢想遙不可及。可是不可放棄<br>僅僅要再堅持一下。成功的路就在腳下！</body></html>
然後依然儲存到那個JavaScript網站下，改為br.html，執行後例如以下：
(5).在使用大多數單標記和雙標記的開始標記內通常能夠包括一些屬性。其文法格式為：<標記 屬性1 屬性2 屬性3...>
在上面的文法中，全部屬性必須在開始標記的角括弧“<”中編寫，各屬性之間用空格分隔，無先後次序之分。屬性也能夠省略(即取其預設值)。
屬性值須要使用英文半形雙引號("")標註。
(6).接下來附上一個標記中帶屬性的範例，使用單標記<HR>在頁面中畫一條水平線，並設定其size屬性、noshade屬性、width屬性和color屬性，代碼例如以下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>繪製一條水平線</title></head><body><hr size="6" noshade="noshade" width="70%" color="#CCFF55"></body></html>
當中代碼中的size屬性工作表示水平線的粗細。noshade屬性工作表示將水平線的陰影去掉。水平線默覺得空心帶陰影的立體效果，width屬性工作表示水平線的寬度，color屬性工作表示水平線的顏色。
儲存此檔案到網站上，檔案名稱改為br.html。執行效果例如以下：
1.2 HTML文檔的基本結構：使用HTML語言編寫的超文字檔稱為HTML檔案。
能夠在Windows下的文字編輯器中手工直接編寫HTML檔案，也能夠使用FrontPage、Dreamweaver等可視化編輯軟體編寫HTML文檔。
(1).在HTML超文字標記語言 (HTML)中。定義了3種標記用於描寫敘述頁面的基本結構。HTML中的基本結構例如以下：
<html><head>...頭部資訊<body>...主體內容</body></head></html>
(2).以下具體介紹各種標記的功能及使用方法：
— <html>...</html>標記：HTML文檔中的第一個標記，該標記用於表示該文檔是HTML文檔。當瀏覽器遇到<html>標記時，就會按HTML的標準來解釋文本。
結束標記</html>出如今HTML文檔的尾部。
— <head>...</head>標記：此標記出如今<html>標記內起始的部分，此標記稱為頭部標記。
頭部標記用於提供與Web頁面有關的各種資訊。在頭部標記中，能夠使用<meta>標記類比HTTP協議的回應標頭報文，用於鑒別作者、標註內容提要和keyword、設定頁面字元集、重新整理頁面等，在HTML頭部能夠包含隨意數量的<meta>標記；使用<title>...</title>標記來指定網頁的標題；使用<style>...</style>標記來定義CSS樣式表；使用<script>...</script>標記來插入指令碼語言等。
一般來說，位於頭部標記中的內容都不會在網頁上直接顯示。
— <body>...</body>標記：此標記稱為主體標記，在頭部標記</head>之後。它定義了HTML檔案顯示的主要內容和顯示格式。
作為網頁的主體部分，此標記有非常多內建屬性，這些屬性用於設定網頁的整體風格。比如，定義頁面的背景映像、背景顏色、文字顏色以及超文本連結顏色等。
(3).接下來附上一個使用<font>...</font>標記的範例，<font>標記應用於HTML檔案的主體標記<body>與</body>之間，而且僅僅影響它所標識的文字。
這裡範例通過<font>標記的face屬性定義字型為“黑體”，通過size屬性定義大小為“16px”，通過color定義顏色為藍色，代碼例如以下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>定義文字字型</title></head><body>應用<font>標記來定義文字字型：<br><font face="黑體,宋體" size="16px" color="#3399FF">藍色的天空下。讓我們一起飛翔。</font></body></html>
儲存此檔案為font.html到網站下。執行後例如以下：
這個範例中，使用了<和>來輸出"<"和">"這些符號。即在HTML中為一些特殊的字元設定了特殊的代碼。字元的實體名稱都以一個“&”符號開始，以一個“;”符號結束。在這個範例代碼中，，特殊符號“<”用<標記表示。特殊符號“>”用>標記表示。
當中還有非常多特殊的代碼。如 代表空格，"代表英文半形的""雙引號等等。
二.此篇文章介紹了HTML文檔的基礎，HTML文檔的經常使用標記下次再介紹了，以上內容僅供大家學習參考，寫得不好，請見諒，如有錯誤。請指出，謝謝。
HTML文檔的經常使用標記介紹可看這篇文章：http://blog.csdn.net/u012561176/article/details/46956033，裡麵包括了這篇文章的代碼的。
HTML文檔基礎
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
