什麼是網頁？html文檔經過瀏覽器內核渲染後展示出來的頁面（五大主流瀏覽器及四大內核） html文檔文件名尾碼是.html,之前存在的.htm是為支持DOM系統（目前織夢還是用.htm文件名結尾文件） 編碼是我們通過代碼的形式把想要展示的頁面寫到html文檔裡面，接著渲染作為一個動作，主要是ht... ...
什麼是網頁？html文檔經過瀏覽器內核渲染後展示出來的頁面（五大主流瀏覽器及四大內核）
html文檔文件名尾碼是.html,之前存在的.htm是為支持DOM系統（目前織夢還是用.htm文件名結尾文件）
編碼是我們通過代碼的形式把想要展示的頁面寫到html文檔裡面，接著渲染作為一個動作，主要是html文檔本身無法被人很好識別的，所以需要經過瀏覽器內核渲染展示為正常人看的頁面，查看頁面源代碼快捷鍵是CTRL+U；通常源代碼展示如下：
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="referrer" content="origin" /> 7 8 <meta http-equiv="Cache-Control" content="no-transform" /> 9 <meta http-equiv="Cache-Control" content="no-siteapp" /> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 11 <title>大灰牛博客 - 博客園</title> 12 13 <link rel="stylesheet" href="/css/blog-common.min.css?v=PEqf9X5sM-TqgxEJ-34zllMNrLPY7PzC3YhmnDnLGWA" /> 14 <link id="MainCss" rel="stylesheet" href="/skins/simpleblue/bundle-simpleblue.min.css?v=MH15aYd6DmX-6TABpA2xkiKENy3GAhiM2dh5rOPH89I" /> 15 16 <link id="mobile-style" media="only screen and (max-width: 767px)" type="text/css" rel="stylesheet" href="/skins/simpleblue/bundle-simpleblue-mobile.min.css?v=_zt2QFQyJHJRlBTpIRPn4DadnHSequpRNJvrnOfJ3Go" /> 17 18 <link type="application/rss+xml" rel="alternate" href="https://www.cnblogs.com/dhnblog/rss" /> 19 <link type="application/rsd+xml" rel="EditURI" href="https://www.cnblogs.com/dhnblog/rsd.xml" /> 20 <link type="application/wlwmanifest+xml" rel="wlwmanifest" href="https://www.cnblogs.com/dhnblog/wlwmanifest.xml" /> 21 <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> 22 <script src="/js/blog-common.min.js?v=F-Iy-_Lj7VcUKRIvNkS6UZ5LItMqjh1_L0VZk9Yxfb8"></script> 23 <script> 24 var currentBlogId = 576770; 25 var currentBlogApp = 'dhnblog'; 26 var cb_enable_mathjax = false; 27 var isLogined = true; 28 </script> 29 </head> 30 <body>...</body> 31 </html>
俗稱“網頁三件套”和網頁相關的技術是:html、css、JavaScript，HTML+css負責頁面內容，JavaScript負責頁面的行為，HTML主要是頁面的結構，css通過樣式起到美化頁面作用，JavaScript完成頁面交互！
HTML代碼主要分為兩大部分：文本內容和標簽內容；文本是能夠直接被瀏覽器顯示出來的如文字、符號等，而標簽則是類似這種<p></p>用尖括弧括起來額，不能直接被瀏覽器展示，具有一定的特殊意義。
標簽都是成對出現的，分為開始和結束，當然也有例外，比方說：<hr/><br/>這樣的就不是。標簽裡面所包裹的東西稱之為元素<span>元素</span>,為元素添加附加附加信息是屬性<span style="color:red">元素</span>, style="color:red"前面屬性名，後面是屬性值。
當然如果是類似這樣存在它也是一個元素具有屬性<tag style="color:red">元素</tag>，但是它是不被瀏覽器認可的，因為W3C指萬維網聯盟(World Wide Web Consortium) 已經定義好了標簽，參考：HTML手冊
HTML 學習：熟悉瞭解標簽的運用，通過CSS屬性樣式美化頁面；HTML標簽主要包含有：文本、圖片、鏈接、列表、表格、表單、框架嵌套
HTML語法註意以下三點：1.html文檔從上往下讀取2.標簽之間可以相互嵌套3.html的基本結構如下：
1 <html>
2 <head>
3 這裡是文檔的頭部 ... ...
4 ...
5 </head>
6
7 <body>
8 這裡是文檔的主體 ... ...
9 ...
10 </body>
11 </html>
