01
HTML的概述
HTML的英語意思是:Hypertext Marked Language半开,即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言蝙寨。超文本傳輸協(xié)議規(guī)定了瀏覽器在運行 HTML 文檔時所遵循的規(guī)則和進行的操作.HTTP協(xié)議的制定使瀏覽器在運行超文本時有了統(tǒng)一的規(guī)則和標準.用HTML編寫的超文本文檔稱為HTML文檔恩商,它能獨立于各種操作系統(tǒng)平臺磷斧,自 1990 年以來HTML就一直被用作WWW(是World Wide Web的縮寫崖堤,也可簡寫WEB假消、中文叫做萬維網(wǎng)) 的信息表示語言柠并,使用HTML語言描述的文件,需要通過WEB瀏覽器顯 示出效果富拗。
所謂超文本臼予,是因為它可以加入圖片、聲音啃沪、動畫粘拾、影視等內(nèi)容,事實上每一個 HTML 文檔都是一種靜態(tài)的網(wǎng)頁文件创千,這個文件里面包含了 HTML 指令代碼缰雇,這些指令代碼并不是一種程序語言入偷,它只是一種排版網(wǎng)頁中資料顯示位置的標記結(jié)構(gòu)語言,易學(xué)易懂械哟,非常簡單疏之。HTML 的普遍應(yīng)用就是帶來了超文本的技術(shù)----通過單擊鼠標從一個主題跳轉(zhuǎn)到另一個主題,從一個頁面跳轉(zhuǎn)到另一個頁面與世界各地主機的文件鏈接暇咆。直接獲取相關(guān)的主題熏瞄。
如下所示:
通過 HTML 可以表現(xiàn)出豐富多彩的設(shè)計風(fēng)格:
圖片調(diào)用:<IMG SRC="文件名">?
?文字格式:<FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>?
通過 HTML 可以實現(xiàn)頁面之間的跳轉(zhuǎn):?
頁面跳轉(zhuǎn):〈A HREF="文件路徑/文件名"></A>
通過 HTML 可以展現(xiàn)多媒體的效果:
聲頻:<EMBED SRC="音樂地址" AUTOSTART=true>?
視頻:<EMBED SRC="視頻地址" AUTOSTART=true>?
從上面我們可以看到HTML超文本文件時需要用到的一些標簽橱脸。在HTML中每個用來作標簽的符號都是一條命令善涨、它告訴瀏覽器如何顯示文本恐疲。這些標簽均由"<"和">"符號以及一個字符串組成。而瀏覽器的功能是對這些標記進行解釋扯旷,顯示出文字拯爽、圖像、動畫薄霜、播放聲音某抓。這些標簽符號用“<標簽名字 屬性>”來表示。?
HTML 只是一個純文本文件惰瓜。創(chuàng)建一個 HTML 文檔否副,只需要兩個工具,一個是 HTML 編輯器崎坊,一個WEB 瀏覽器备禀。HTML 編輯器是用于生成和保存 THML 文檔的應(yīng)用程序。WEB 瀏覽器是用來打開 WEB 網(wǎng)頁文件奈揍,提供給我們查看 WEB 資源的客戶端程序曲尸。
02
HTML的基本結(jié)構(gòu)
一個 HTML 文檔是由一系列的元素和標簽組成.元素名不區(qū)分大小寫.HTML 用標簽來規(guī)定元素的屬性和它在文件中的位置。
HTML 超文本文檔分文檔頭和文檔體兩部分男翰,在文檔頭里另患,對這個文檔進行了一些必要的定義,文檔體中才是要顯示的各種文檔信息蛾绎。下面是一個最基本的html文檔的代碼:1-1.html
<HTML> ---------------------------------------- 開始標簽
<HEAD> --------------------------------------| 頭部標簽
<TITLE> 一個簡單的 HTML 示例 </TITLE>
</HEAD> --------------------------------------
<BODY> ---------------------------------------- | 文件主體
<CENTER> |
<H1>歡迎光臨我的主頁</H1> |
<BR> |
<HR>
<FONT SIZE= 7 COLOR= red> |
這是我第一次做主頁 |
</FONT> |
</CENTER> |
</BODY> ---------------------------------------
</HTML> --------------------------------------- 結(jié)尾標簽
<HTML></HTML>在文檔的最外層昆箕, 文檔中的所有文本和 html 標簽都包含在其中,它表示該文檔是以超文本標識語言(HTML)編寫的租冠。事實上鹏倘,現(xiàn)在常用的 Web 瀏覽器都可以自動識別 HTML 文檔,并不要求有 <html>標簽顽爹,也不對該標簽進行任何操作纤泵,但是為了使 HTML 文檔能夠適應(yīng)不斷變化的 Web瀏覽器,還是應(yīng)該養(yǎng)成不省略這對標簽的良好習(xí)慣镜粤。
<HEAD></HEAD>是HTML文檔的頭部標簽, 在瀏覽器窗口中捏题,頭部信息是不被顯示在正文中的,在此標簽中可以插入其它標記, 用以說明文件的標題和整個文件的一些公共屬性玻褪。若不需頭部信息則可省略此標記,良好的習(xí)慣是不省略涉馅。
<title>和</title>是嵌套在<HEAD>頭部標簽中的归园,標簽之間的文本是文檔標題黄虱,它被顯示在瀏覽器窗口的標題欄稚矿。
<BODY> </BODY>標記一般不省略,標簽之間的文本是正文捻浦,是在瀏覽器要顯示的頁面內(nèi)容晤揣。
上面的這幾對標簽在文檔中都是唯一的,HEAD 標簽和 BODY 標簽是嵌套在 HTML 標簽中的朱灿。
03
HTML的標簽與屬性
對于剛剛接觸超文本的朋友昧识,遇到的最大的障礙就是一些用“<”和 “>”括起來的句子,我們稱它為標簽盗扒,是用來分割和標簽文本的元素跪楞,以形成文本的布局、文字的格式及五彩繽紛的畫面侣灶。標簽通過指定某塊信息為段落或標題等來標識文檔某個部件甸祭。屬性是標志里的參數(shù)的選項。
HTML 的標簽分單標簽和成對標簽兩種褥影。成對標簽是由首標簽<標簽名> 和尾標簽</標簽名>組成的池户,成對標簽的作用域只作用于這對標簽中 的文檔。單獨標簽的格式<標簽名>凡怎,單獨標簽在相應(yīng)的位置插入元素就可以了校焦,大多數(shù)標簽都有自己的一些屬性, 屬性要寫在始標簽內(nèi),屬性用于進一步改變顯示的效果, 各屬性之間無先后次序统倒,屬性是可選的寨典,屬性也可以省略而采用默認值;其格式如下:
<標簽名字 屬性 1 屬性 2 屬性 3 … >內(nèi)容</標簽名字>?
作為一般的原則,大多數(shù)屬性值不用加雙引號房匆。但是包括空格耸成、%號,#號等特殊字符的屬性值必須加入雙引號坛缕。為了好的習(xí)慣墓猎,提倡全部對屬性值加雙引號。如:
<font color="#ff00ff" face="宋體" size="30">字體設(shè)置</font>?
注意事項:輸入始標簽時赚楚,一定不要在“<”與標簽名之間輸入多余的空格毙沾,也不能在中文輸入法狀態(tài)下輸入這些標簽及屬性,否則瀏覽器將不能正確的識別括號中的標志命令宠页,從而無法正確的顯示你的信息左胞。