聯系信息

                        html基礎知識及概述

                        2020-02-14 12:23 By 致遠 712
                        當前位置: 企業網站建設 > HTML > html基礎知識及概述

                        HTML即超級文本標記語言,是標準通用標記語言下的一個應用,也是一種規范,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁文件,然后根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對于不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。

                        HTML的發展

                        圖片1

                        基礎知識

                        html文檔及靜態網頁,常用的格式有.htm和.html

                        html文檔可以直接用瀏覽器打開,本地的html文檔一般雙擊即可調用默認的瀏覽器軟件打開。

                        一般情況下,在瀏覽器中右擊,選擇“查看源文件”、“查看源代碼”,即可看到編寫該網頁的html代碼。

                        任何一個網頁都是由html代碼組成,其中包括我們現在講的html,還包括后期會講到的css、js等內容。

                        常用工具

                        編輯器:Dreamweaver、Notepad++、Sublime、editplus等

                        瀏覽器:建議使用google chrome。

                        HTML基本結構及文檔頭


                        <html><!--根控制標記--> 
                        <head> 
                        <!--網頁頭部區域--> 
                        </head> 
                        <body> 
                        <!--網頁顯示區域--> 
                        </body> 
                        </html><!--根控制標記(尾)-->


                        在“頭部區域”中,可能還會插入以下一些內容:


                        <title></title> <!--網頁的標題(顯示在瀏覽器標題欄的文字)--> 
                        <meta /> <!--meta元素,包括字符編碼、關鍵字、描述等等內容。--> 
                        <style></style> <!--內部樣式表--> 
                        <link /> <!--外部文件鏈接,主要為外部樣式表--> 
                        <script></script> <!--js程序-->


                        其中指定字符編碼往往是必須的,否則可能導致頁面顯示亂碼。針對html4.01及xhtml來說,字符編碼的定義如下:


                        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">


                        除此之外,“文檔聲明”也非常的重要,如果一個html文檔沒有文檔聲明,可能會導致一些意想不到的錯誤。

                        HTML 4.01 Transitional(4t):包含所有HTML元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。


                        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


                        HTML 4.01 Strict)(4s):包含所有HTML元素和屬性,但不包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。


                        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


                        HTML 4.01 Frameset:等同于HTML 4.01 Transitional,但允許框架集內容。


                        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 


                        XHTML 1.0 Strict(xs):包含所有HTML元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。必須以格式正確的XML來編寫標記。


                        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


                        XHTML 1.0 Transitional(xt):包含所有HTML元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。必須以格式正確的XML來編寫標記。


                        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
                        而到html5的時代,上面的什么就有些累贅了,我們可以簡單如下:



                        <!DOCTYPE html>
                        <html lang="en">
                        <head>
                            <meta charset="UTF-8" />
                            <title>Document</title>
                        </head>
                        <body>
                            
                        </body>
                        </html>


                        注意事項

                        編寫文件的注意事項

                        “<”和“>”是任何標記的開始和結束。

                        標記和標記之間可以嵌套。但必須如數學中大中小括號一樣逐層關閉。

                        <html><body>html文件注意事項</body></html>

                        在源代碼中不區分大小寫。

                        <html>與<HTML>一樣

                        任何回車和空格在源代碼中不起作用。

                        HTML標記中可以放置各種屬性。多個屬性之間用空格分割,屬性和屬性值之間用等號鏈接,屬性值可以用引號括起來,也可以不用括。

                        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

                        可用“<!--”、“-->” 在源代碼中添加注釋。

                        大多數的html標簽都是成對出現的,也就是有開始部分就有對應的結束部分,如:

                        <html></html>  <head></head>  <body></body>

                        但也有部分的標簽只有開始,沒有結束,如:

                        <meta>  <link>等等,在xhtml中,這部分標簽必須以“/>”結束,如:<meta ... /> <link ... />

                        © 致遠 2020-02-14,原創內容,轉載請注明出錯:html基礎知識及概述

                        留下您的評論

                        > 人人爽人人澡人人高潮_免费无码国产V片在线观看_18禁裸乳无遮挡免费观看_国产99在线 | 欧美_中文字幕无码无码专区 色欲AV浪潮AV蜜臀AⅤ 亚洲综合无码一区二区三区加勒比 八戒八戒WWW资源网在线观看 亚洲色婷婷一区二区三区 久久人人爽人人爽人人片AV高清 一区二区三区中文字幕 久久夜色精品国产 亚洲AV无码精品色午夜在线观看 久久99精品久久水蜜桃 久久久久亚洲AV无码去区首