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）。
推薦新聞
更多行業-
提升photoshop運行速度的方法
當用戶的系統沒有足夠的內存來執行某項操作時，Photoshop將使用暫...
2015-12-05 -
如何設計網站站點？
經過站點規劃，網站設計者對所要做的網站有了一個大概的了解，下面就要著手...
2014-07-24 -
尚品網站制作與SEO優化的具體流程
很多剛接解網站建設的朋友們不太了解網站制作的具體過程和步驟，針對此項，...
2012-07-19 -
什么樣的網站更有抓取和收錄價值
但過多的權限設置可能會使新用戶失去耐性，網站建設的注冊訪問等權限可以增...
2012-06-24 -
科研網站制作公司如何優化標題？
對于從事科研網站制作優化的工作人員來說，網站優化不僅僅是關鍵詞和外部鏈...
2022-01-24 -
什么是電子商務網站？它的定義是什么？
根據中國互聯網絡信息中心(CNN]口2009年發布的《中圈網絡購物市場...
2014-06-22
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
