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）。
TAG標簽：
推薦新聞
更多行業-
國務院辦公廳關于印發政府網站發展指引的通知
為進一步加強政府網站管理，引領各級政府網站創新發展，深入推進互聯網政務...
2018-01-03 -
企業網站設計什么公司收費更加公道
因為了解到更多企業網站設計相關的事情，所以朋友們對該行業的看法，也會產...
2022-09-05 -
SEO除了優化，還教會你什么
很多時候你工作看似平平淡淡，3年的優化工作教給我遠不止這些。其實飽含智...
2012-06-17 -
如何寫好網站的內容
大家都知道，網站制作的內容建設是網站運營過程中最重要的一部分，同時也是...
2014-05-10 -
建設的網站上線過后如何做好外鏈工作？
做網絡推廣的話，肯定會通過增加外鏈來引導你的網站。所有平臺的外鏈符合要...
2020-09-14 -
專為兒童設計的21個國外網站頁面欣賞
站長之家（CHINAZ.com）1月30日編譯：雖然很多父母不想讓自己...
2012-02-03
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2022 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
