HTML概述與基本結(jié)構(gòu)

image

HTML的概述

HTML的英語(yǔ)意思是:Hypertext Marked Language,即超文本標(biāo)記語(yǔ)言,是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行 HTML 文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作.HTTP協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn).用HTML編寫的超文本文檔稱為HTML文檔,它能獨(dú)立于各種操作系統(tǒng)平臺(tái),自 1990 年以來(lái)HTML就一直被用作WWW(是World Wide Web的縮寫,也可簡(jiǎn)寫WEB、中文叫做萬(wàn)維網(wǎng)) 的信息表示語(yǔ)言,使用HTML語(yǔ)言描述的文件,需要通過(guò)WEB瀏覽器顯 示出效果。

所謂超文本,是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容,事實(shí)上每一個(gè) HTML 文檔都是一種靜態(tài)的網(wǎng)頁(yè)文件,這個(gè)文件里面包含了 HTML 指令代碼,這些指令代碼并不是一種程序語(yǔ)言,它只是一種排版網(wǎng)頁(yè)中資料顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言,易學(xué)易懂,非常簡(jiǎn)單。HTML 的普遍應(yīng)用就是帶來(lái)了超文本的技術(shù)----通過(guò)單擊鼠標(biāo)從一個(gè)主題跳轉(zhuǎn)到另一個(gè)主題,從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面與世界各地主機(jī)的文件鏈接。直接獲取相關(guān)的主題。

如下所示:

通過(guò) HTML 可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格:

 圖片調(diào)用:<IMG SRC="文件名"> 

  文字格式:<FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT> 

通過(guò) HTML 可以實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn): 

 頁(yè)面跳轉(zhuǎn):〈A HREF="文件路徑/文件名"></A>

通過(guò) HTML 可以展現(xiàn)多媒體的效果:

 聲頻:<EMBED SRC="音樂(lè)地址" AUTOSTART=true> 

 視頻:<EMBED SRC="視頻地址" AUTOSTART=true> 

從上面我們可以看到HTML超文本文件時(shí)需要用到的一些標(biāo)簽。在HTML中每個(gè)用來(lái)作標(biāo)簽的符號(hào)都是一條命令、它告訴瀏覽器如何顯示文本。這些標(biāo)簽均由"<"和">"符號(hào)以及一個(gè)字符串組成。而瀏覽器的功能是對(duì)這些標(biāo)記進(jìn)行解釋,顯示出文字、圖像、動(dòng)畫、播放聲音。這些標(biāo)簽符號(hào)用“<標(biāo)簽名字 屬性>”來(lái)表示。

HTML 只是一個(gè)純文本文件。創(chuàng)建一個(gè) HTML 文檔,只需要兩個(gè)工具,一個(gè)是 HTML 編輯器,一個(gè)WEB 瀏覽器。HTML 編輯器是用于生成和保存 THML 文檔的應(yīng)用程序。WEB 瀏覽器是用來(lái)打開 WEB 網(wǎng)頁(yè)文件,提供給我們查看 WEB 資源的客戶端程序。

HTML的基本結(jié)構(gòu)

一個(gè) HTML 文檔是由一系列的元素和標(biāo)簽組成.元素名不區(qū)分大小寫.HTML 用標(biāo)簽來(lái)規(guī)定元素的屬性和它在文件中的位置。

HTML 超文本文檔分文檔頭和文檔體兩部分,在文檔頭里,對(duì)這個(gè)文檔進(jìn)行了一些必要的定義,文檔體中才是要顯示的各種文檔信息。下面是一個(gè)最基本的html文檔的代碼:1-1.html

<HTML> ---------------------------------------- 開始標(biāo)簽
<HEAD> --------------------------------------| 頭部標(biāo)簽
<TITLE> 一個(gè)簡(jiǎn)單的 HTML 示例 </TITLE> 
</HEAD> --------------------------------------
<BODY> ---------------------------------------- | 文件主體
<CENTER> |
<H1>歡迎光臨我的主頁(yè)</H1> |
<BR> |
<HR> 
<FONT SIZE= 7 COLOR= red> |
這是我第一次做主頁(yè) |
</FONT> |
</CENTER> |
</BODY> ---------------------------------------
</HTML> --------------------------------------- 結(jié)尾標(biāo)簽

<HTML></HTML>在文檔的最外層, 文檔中的所有文本和 html 標(biāo)簽都包含在其中,它表示該文檔是以超文本標(biāo)識(shí)語(yǔ)言(HTML)編寫的。事實(shí)上,現(xiàn)在常用的 Web 瀏覽器都可以自動(dòng)識(shí)別 HTML 文檔,并不要求有 <html>標(biāo)簽,也不對(duì)該標(biāo)簽進(jìn)行任何操作,但是為了使 HTML 文檔能夠適應(yīng)不斷變化的 Web瀏覽器,還是應(yīng)該養(yǎng)成不省略這對(duì)標(biāo)簽的良好習(xí)慣。

<HEAD></HEAD>是HTML文檔的頭部標(biāo)簽, 在瀏覽器窗口中,頭部信息是不被顯示在正文中的,在此標(biāo)簽中可以插入其它標(biāo)記, 用以說(shuō)明文件的標(biāo)題和整個(gè)文件的一些公共屬性。若不需頭部信息則可省略此標(biāo)記,良好的習(xí)慣是不省略。

<title>和</title>是嵌套在<HEAD>頭部標(biāo)簽中的,標(biāo)簽之間的文本是文檔標(biāo)題,它被顯示在瀏覽器窗口的標(biāo)題欄。

<BODY> </BODY>標(biāo)記一般不省略,標(biāo)簽之間的文本是正文,是在瀏覽器要顯示的頁(yè)面內(nèi)容。

上面的這幾對(duì)標(biāo)簽在文檔中都是唯一的,HEAD 標(biāo)簽和 BODY 標(biāo)簽是嵌套在 HTML 標(biāo)簽中的。

image

HTML的標(biāo)簽與屬性

對(duì)于剛剛接觸超文本的朋友,遇到的最大的障礙就是一些用“<”和 “>”括起來(lái)的句子,我們稱它為標(biāo)簽,是用來(lái)分割和標(biāo)簽文本的元素,以形成文本的布局、文字的格式及五彩繽紛的畫面。標(biāo)簽通過(guò)指定某塊信息為段落或標(biāo)題等來(lái)標(biāo)識(shí)文檔某個(gè)部件。屬性是標(biāo)志里的參數(shù)的選項(xiàng)。

HTML 的標(biāo)簽分單標(biāo)簽和成對(duì)標(biāo)簽兩種。成對(duì)標(biāo)簽是由首標(biāo)簽<標(biāo)簽名> 和尾標(biāo)簽</標(biāo)簽名>組成的,成對(duì)標(biāo)簽的作用域只作用于這對(duì)標(biāo)簽中 的文檔。單獨(dú)標(biāo)簽的格式<標(biāo)簽名>,單獨(dú)標(biāo)簽在相應(yīng)的位置插入元素就可以了,大多數(shù)標(biāo)簽都有自己的一些屬性, 屬性要寫在始標(biāo)簽內(nèi),屬性用于進(jìn)一步改變顯示的效果, 各屬性之間無(wú)先后次序,屬性是可選的,屬性也可以省略而采用默認(rèn)值;其格式如下:

<標(biāo)簽名字 屬性 1 屬性 2 屬性 3 … >內(nèi)容</標(biāo)簽名字>

作為一般的原則,大多數(shù)屬性值不用加雙引號(hào)。但是包括空格、%號(hào),#號(hào)等特殊字符的屬性值必須加入雙引號(hào)。為了好的習(xí)慣,提倡全部對(duì)屬性值加雙引號(hào)。如:

<font color="#ff00ff" face="宋體" size="30">字體設(shè)置</font>
注意事項(xiàng):輸入始標(biāo)簽時(shí),一定不要在“<”與標(biāo)簽名之間輸入多余的空格,也不能在中文輸入法狀態(tài)下輸入這些標(biāo)簽及屬性,否則瀏覽器將不能正確的識(shí)別括號(hào)中的標(biāo)志命令,從而無(wú)法正確的顯示你的信息。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容