什麼是網頁? html文檔經過瀏覽器內核渲染後展示出來的頁面(五大主流瀏覽器及四大內核)
html文檔文件名後綴是.html,之前存在的.htm是為支持DOM系統(目前織夢還是用.htm文件名結尾文件)
編碼是我們通過代碼的形式把想要展示的頁面寫到html文檔裡面,接著渲染作為一個動作,主要是html文檔本身無法被人很好識別的,所以需要經過瀏覽器內核渲染展示為正常人看的頁面,查看頁面源代碼快捷鍵是CTRL+U;通常源代碼展示如下:
<!DOCTYPE html><html lang=zh-cn><head> <meta charset=utf-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <meta name=referrer content=origin /> <meta http-equiv=Cache-Control content=no-transform /> <meta http-equiv=Cache-Control content=no-siteapp /> <meta http-equiv=X-UA-Compatible content=IE=edge /> <title>大灰牛</title> <link rel=stylesheet href=/css/blog-common.min.css?v=PEqf9X5sM-TqgxEJ-34zllMNrLPY7PzC3YhmnDnLGWA /> <link id=MainCss rel=stylesheet href=/skins/simpleblue/bundle-simpleblue.min.css?v=MH15aYd6DmX-6TABpA2xkiKENy3GAhiM2dh5rOPH89I /> <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 /> <link type=application/rss+xml rel=alternate href=https://www.cnblogs.com/dhnblog/rss /> <link type=application/rsd+xml rel=EditURI href=https://www.cnblogs.com/dhnblog/rsd.xml /> <link type=application/wlwmanifest+xml rel=wlwmanifest href=https://www.cnblogs.com/dhnblog/wlwmanifest.xml /> <script src=https://common.cnblogs.com/scripts/jquery-2.2.0.min.js></script> <script src=/js/blog-common.min.js?v=F-Iy-_Lj7VcUKRIvNkS6UZ5LItMqjh1_L0VZk9Yxfb8></script> <script> var currentBlogId = 576770; var currentBlogApp = 'dhnblog'; var cb_enable_mathjax = false; var isLogined = true; </script> </head><body>...</body></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的基本結構如下:
<html><head> 這裡是文檔的頭部... ... ...</head><body> 這裡是文檔的主體... ... ...</body></html>總結
以上所述是小編給大家介紹的html網頁基本概念,希望對大家有所幫助!