HTML靜態頁面核心技能與概念
來源：尚品中國|
類型：網站百科|
時間：2015-07-18
一、理論基礎1：HTML語言簡介
HTML (HyperText Markup Language，超文本標記語言)，是用來描述超文本文檔的標記語言。它由網站建設HTML標記和用來表示信息的文本組成。使用HTML語言描述的文件，需要通過瀏覽器顯示效果。
所有的網頁都可以以HTML格式的文件為基礎，再加上一些其他語言(如Javascript,VBScript)編寫的代碼。這些文件除了一些基本的文字外，還包含一些標記。這些標記均由“<”和“>”符號及一個字符串組成。文字、圖像、動畫并播放聲音等。
瀏覽器的功能是對這些標記進行解釋，顯示出HTML文件是由標記和文本組成的，通過HTML可以表現出豐富多彩的設計風格。大到整個頁面布局、段落的設定，小到文本的字體、字號、顏色等的設置，都可以通過HTML語言來完成。此外，HTML語言還可以在網頁中設置列表、表格等內容。
一通過HTML可以展現多媒體的效果。超文本之所以能在很短的時間內廣泛地受到人們的青睞，很重要的一個原因是，它能夠支持多媒體，如圖像、聲音、動畫等。
二、理論基礎2: HTML的基本結構
超文本文檔包括文檔頭和文檔體兩部分檔體則是要顯示的各種網頁內容。
不管網頁的內容多豐富、版式多復雜，。文檔頭對這個文檔進行了一些必要的定義;文網頁的基本結構都是一樣的。HTML文件是分層組織的，最外層是<html>標記，在此標記內一般有兩層:head層(文檔頭)和body層(文檔體)。這兩部分內容都包含在<html>和</html>之間。
在這些標記內可以嵌套其他標記。一般情況下，鍵字存放在<meta>圖像標記等組成。文檔頭存儲網頁的信息，比如網頁標題存放在< title>標記中，網頁標記中。文檔體是網頁內容的顯示部分，主要由表格標記、段落標記、下面是HTM L文檔的基本格式。
如果想要看到這段語句所描述的頁面效果，可以在記事本中新建一個文本，把這段代碼語句復制并粘貼到文件中，然后將其另存為examplel. html文件(保存類型為“所有文件”)，最后雙擊打開html文件，如圖2-169所示。
使用Dreamweave切換到“代碼”視圖中，在其中輸人可以編寫相應的HTML代碼。對于一個專業的網頁設計人員來說，可以在瀏覽器中選擇“查看”一“源代碼”命令，即可彈出以記事本的形式顯示的該網頁文件的源代碼，如圖2-170所示。
三、理論基礎3: HTML的常用標記
HTML基本標記種類比較多，內容也很豐富，通過這些各不相同的標記就能實現網頁上豐富多彩的效果，下而簡單介紹常用的也是比較重要的一些標記。
HTML (HyperText Markup Language，超文本標記語言)，是用來描述超文本文檔的標記語言。它由網站建設HTML標記和用來表示信息的文本組成。使用HTML語言描述的文件，需要通過瀏覽器顯示效果。
所有的網頁都可以以HTML格式的文件為基礎，再加上一些其他語言(如Javascript,VBScript)編寫的代碼。這些文件除了一些基本的文字外，還包含一些標記。這些標記均由“<”和“>”符號及一個字符串組成。文字、圖像、動畫并播放聲音等。
瀏覽器的功能是對這些標記進行解釋，顯示出HTML文件是由標記和文本組成的，通過HTML可以表現出豐富多彩的設計風格。大到整個頁面布局、段落的設定，小到文本的字體、字號、顏色等的設置，都可以通過HTML語言來完成。此外，HTML語言還可以在網頁中設置列表、表格等內容。
一通過HTML可以展現多媒體的效果。超文本之所以能在很短的時間內廣泛地受到人們的青睞，很重要的一個原因是，它能夠支持多媒體，如圖像、聲音、動畫等。
二、理論基礎2: HTML的基本結構
超文本文檔包括文檔頭和文檔體兩部分檔體則是要顯示的各種網頁內容。
不管網頁的內容多豐富、版式多復雜，。文檔頭對這個文檔進行了一些必要的定義;文網頁的基本結構都是一樣的。HTML文件是分層組織的，最外層是<html>標記，在此標記內一般有兩層:head層(文檔頭)和body層(文檔體)。這兩部分內容都包含在<html>和</html>之間。
在這些標記內可以嵌套其他標記。一般情況下，鍵字存放在<meta>圖像標記等組成。文檔頭存儲網頁的信息，比如網頁標題存放在< title>標記中，網頁標記中。文檔體是網頁內容的顯示部分，主要由表格標記、段落標記、下面是HTM L文檔的基本格式。
如果想要看到這段語句所描述的頁面效果，可以在記事本中新建一個文本，把這段代碼語句復制并粘貼到文件中，然后將其另存為examplel. html文件(保存類型為“所有文件”)，最后雙擊打開html文件，如圖2-169所示。
使用Dreamweave切換到“代碼”視圖中，在其中輸人可以編寫相應的HTML代碼。對于一個專業的網頁設計人員來說，可以在瀏覽器中選擇“查看”一“源代碼”命令，即可彈出以記事本的形式顯示的該網頁文件的源代碼，如圖2-170所示。
三、理論基礎3: HTML的常用標記
HTML基本標記種類比較多，內容也很豐富，通過這些各不相同的標記就能實現網頁上豐富多彩的效果，下而簡單介紹常用的也是比較重要的一些標記。
來源聲明：本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業-
網站的設計步驟
1、站點的規劃在構筑網站前進行詳盡的規劃工作是非常必要的，它可以為今后...
2014-08-22 -
網絡對地區經濟的滲透力
在世界經濟發展的歷史上，自由貿易和貿易保護主義總是此起彼伏，并行發展。...
2014-09-11 -
營銷型網站建設用戶體驗才是SEO核心點
一個網站，如果缺失營銷功能，至少其價值不會得以最大發揮。很多人以為營銷...
2012-07-17 -
北京網站設計B2B網站技巧有什么？
我想大家都知道北京網站設計B2B行業網站有B2B網站和門戶網站的特點，...
2022-02-25 -
尚品中國-網站為什么會被降權？
首先我們需要了解網站降權是什么意思？ 網站降權通常表現是網站關鍵詞排名...
2019-07-19 -
網站設計找靈感，突破思維模式
靈感來源于借鑒，說到網站設計，是不是靈感就一定來源于可以借鑒的網站?答...
2015-07-13
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
