html網頁基本概念

時間 2020-02-12

原文原文鏈接

什麼是網頁？html文檔通過瀏覽器內核渲染後展現出來的頁面（五大主流瀏覽器及四大內核）css

html文檔文件名後綴是.html,以前存在的.htm是爲支持DOM系統（目前織夢仍是用.htm文件名結尾文件）html

編碼是咱們經過代碼的形式把想要展現的頁面寫到html文檔裏面，接着渲染做爲一個動做，主要是html文檔自己沒法被人很好識別的，因此須要通過瀏覽器內核渲染展現爲正常人看的頁面，查看頁面源代碼快捷鍵是CTRL+U；一般源代碼展現以下：jquery

 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代碼主要分爲兩大部分：文本內容和標籤內容；文本是可以直接被瀏覽器顯示出來的如文字、符號等，而標籤則是相似這種用尖括號括起來額，不能直接被瀏覽器展現，具備必定的特殊意義。app

標籤都是成對出現的，分爲開始和結束，固然也有例外，比方說：<hr/> 這樣的就不是。標籤裏面所包裹的東西稱之爲元素元素,爲元素添加附加附加信息是屬性元素, style="color:red"前面屬性名，後面是屬性值。框架

固然若是是相似這樣存在它也是一個元素具備屬性<tag style="color:red">元素</tag>，可是它是不被瀏覽器承認的，由於W3C指萬維網聯盟(World Wide Web Consortium) 已經定義好了標籤，參考：HTML手冊ide

HTML 學習：熟悉瞭解標籤的運用，經過CSS屬性樣式美化頁面；HTML標籤主要包含有：文本、圖片、連接、列表、表格、表單、框架嵌套學習

HTML語法注意如下三點：1.html文檔從上往下讀取2.標籤之間能夠相互嵌套3.html的基本結構以下：ui

 1 <html>
 2 <head>
 3   這裏是文檔的頭部 ... ...
 4  ... 5 </head> 6 7 <body> 8  這裏是文檔的主體 ... ... 9  ... 10 </body> 11 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。