溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“分析HTML與CSS基礎知識”，在日常操作中，相信很多人在分析HTML與CSS基礎知識問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”分析HTML與CSS基礎知識”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
web：互聯網。
w3c：萬維網聯盟，非盈利組織，官網：w3.org。為互聯網提供各種標準。
代替網址：MDN：Mozilla Development Network。Mozilla開發者社區。有中文。
ISO：國際標準組織。
XML：可擴展的標記語言（extension markup language）用于定義文檔結構。
HTML是w3c組織定義的語言標準。HTML是用于描述頁面結構的語言。
HTML全稱：Hyper Text Markup Language。超文本標記語言。
書寫一個一級標題：
<h2>一級標題</h2>
CSS也是w3c定義的語言標準。CSS是用于描述頁面展示的語言。（字體顏色，大小，布局等等。）
CSS決定頁面長什么樣子。
執行HTML與CSS：用瀏覽器內核執行。
XHTML:可以認為是HTML的一個版本，完全符合XML的規范。但現在基本不用。
HTLM5:2014出版。
CSS3：目前還沒有制定完成。
IE：Trident內核。
Firefox：Gecko內核。
Chrome：之前為Webkit內核現在是Blink內核。
Opera：Blink內核。
Safari：Webkit內核。
shell：外殼。
core：內核（JS執行引擎、渲染引擎）。
瀏覽器由兩部分組成：
世界上主流的瀏覽器（擁有自己的內核）：
顯示文件擴展名（不懂可百度）。大部分文件：文件名+擴展名（后綴名）。
擴展名決定了文件被什么打開。
安裝瀏覽器：推薦安裝谷歌瀏覽器（推薦百度搜索Chrome，進入官網安裝，以免安裝有病毒）
谷歌瀏覽器始終與w3c標準同步。
將谷歌瀏覽器設置為默認瀏覽器
安裝專業編輯器：
術語
HTML
CSS
開發環境的準備
HTML
版本和兼容性
Sublime
ATom
Dreamweaver
vscode（推薦）
目錄：
目錄
Emmet插件：自動生成html代碼片段
注釋方法：Ctrl+?
<!-- 注釋內容 -->
元素(標簽、標記，但官方稱之為element（元素）)
局部屬性：某些元素特有的屬性。
全局屬性：所有的元素同用。
元素 = 起始標記（begin tag）+ 結束標記（end tag）+ 元素內容（element content）+ 元素屬性（非必選）
屬性 = 屬性名（href)+屬性值
<title>text</title> <a href="http://baidu.com" title = "百度官網">百度</a> <h2 title="這是全局屬性"> 這是全局屬性 </h2> <!-- <a>: 起始標記，表示a元素 </a>：結束標記， 百度：元素內容。 :-->
有些元素沒有結束標記（故沒有元素內容），叫做空元素
<meta charset="UTF-8"> 空元素的兩種寫法： 1. <meta charset="UTF-8"> 2. <meta charset="UTF-8"/> /:表示閉合標記，表示結束。
元素的嵌套：元素不能相互嵌套；父元素；子元素；祖先元素；后代元素；兄弟元素（擁有同一個父元素的兩個元素）
標準的文檔結構
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie+edge"> <title>Document</title></head><body> </body></html>
<!-- 文檔聲明：告訴瀏覽器當前文檔使用的HTNL標準是HTML5，不寫文檔聲明將導致瀏覽器進入怪異渲染模式 --><!DOCTYPE html><!-- 根元素：一個頁面最多只能有一個，并且該元素是其他所有元素的父元素或者祖先元素,HTML5可以不寫 lang屬性（可以用在任意元素中）：language,全局屬性，表示該元素內部使用的文字是哪一種自然語言書寫而成的；en:English，zh-CN:簡體中文，但已過時，現在用cmn-hans:簡體中國官方語言--><html lang="cmn-hans"></html><!-- 必須作為子元素出現,表示文檔頭，文檔頭內部的內容不會顯示在頁面上。 <meta>元素：文檔的原數據，文檔的附加信息。 charset：指定網頁內部編碼，計算機中，低壓電（0~2V）來表示0，高壓電（2~5V）表示1。計算機中只能存儲數字，只能將文字和數字進行對應，相當于一個字典，改字典就叫做字符編碼表。 name、content：適配手機端的 <meta http-equiv="X-UA-Compatible" content="ie+edge">：如果瀏覽器是IE則告訴瀏覽器使用edge內核，即更換瀏覽器的內核--> <!-- <title>Document</title>：網頁標題。 --><head></head><!-- 文檔體: 頁面上所有要參與顯示的元素--><body></body>
到此，關于“分析HTML與CSS基礎知識”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
