溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
每一個寫前端的人都有不同的故事.但是都是基礎從零開始.實習公司用的框架也好,網上查到的例子也好,都是需要基礎才可以看懂的.那基礎是什么呢,我覺得就是常用的前端的一切.我剛寫前端三個月.整理一下自己學到的知識.
HTML是World Wide Web上統一的語言。指的是超文本標記語言 (Hyper Text Markup Language)，使用它所提供的標簽，人類已經創建了令人驚奇、姿態萬千的超鏈接的文檔網絡。這里要注意的是：HTML不是一種編程語言，而是一種標記語言 (markup language)。
它的基本語法是以"<>"尖括號標簽開始，以""尖括號中帶剛斜杠的標簽結束，標簽通常是成對出現的，標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽，或者稱為開放標簽和閉合標簽.
使用到的場景:
比如說你需要寫一個頁面.那你可以這樣寫:
<html> <body> <h2>我是你的第一個頁面！</h2> <p>hello world!</p> </body> </html> web前端開發學習Q-q-u-n：784783012 ，分享學習的方法和需要注意的小細節，不停更新最新的教程和學習方法 （詳細的前端項目實戰教學視頻，PDF）
效果圖:
CSS是一種向網頁添加樣式的機制，樣式表可描述文檔如何被顯示、打印或發音。CSS（Cascading Style Sheet），中文意思為“層疊樣式表”或“級聯樣式表”
CSS層疊樣式表是一系列格式設置的規則，它們控制網頁內容的外觀。使用CSS設置頁面格式時，可以將內容與表現形式分開。頁面內容存放在HTML文檔中，而用于定義表現形式的CSS規則則存放在另一個文件中或HTML文檔的某一部分，通常為文件頭部分。可以更加靈活地控制具體的頁面外觀，從精確的布局定位到特定的字體和樣式，還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時間。對了，CSS是由W3C的CSS工作組產生和維護的。
知道了CSS是什么以后，我們就可以利用html+css來構建我們的網頁.
比如給div中的文字加個顏色:
代碼:
<html>
<body>
<style>
div{
color: brown;
}
</style>
<h2>我是你的第一個頁面！</h2>
<p>hello world!</p>
<div>我會好好努力</div>
</body>
</html>
效果圖:
還有很多種樣式的寫法,都可以實現同樣的效果,先舉例兩個:
例子1:
代碼:
<html>
<body>
<style>
.div{
color: brown;
}
</style>
<h2>我是你的第一個頁面！</h2>
<p>hello world!</p>
<div class="div">我會好好努力</div>
</body>
</html>
web前端開發學習Q-q-u-n：784783012 ，分享學習的方法和需要注意的小細節，不停更新最新的教程和學習方法
（詳細的前端項目實戰教學視頻，PDF）
效果圖:
例子2:
代碼:
<html> <body> <h2>我是你的第一個頁面！</h2> <p>hello world!</p> <div style="color:brown;">我會好好努力</div> </body> </html>
效果圖:
實現想要的效果有很多種方式.但是等你知道如何實現效果后就要開始考慮性能了,考慮修改起來是否方便.所以推薦的還是我的第一種寫法,把css樣式提出來,寫到style里面.這是簡單的一個頁面里包含樣式.如果是在項目里.最好把樣式寫在less文件里.然后在需要的地方導入引用.整理起來就會方便很多.
1996年12月17日，CSS1作為一項 W3C推薦被發布。而后于1999年1月11日被重新修訂。其中包含非常基本的屬性，比如字體，顏色、空白邊。
1999年1月11日，CSS2作為一項 W3C推薦被發布。CSS2添加了對媒介（打印機和聽覺設備）和可下載字體的支持。CSS2 在CSS1基礎上添加了高級概念（比如浮動和定位）以及高級的選擇器（比如子選擇器、相鄰同胞選擇器和通用選擇器）。
CSS3計劃將 CSS劃分為更小的模塊。CSS3把很多以前需要使用圖片和腳本來實現的效果，只需要短短幾行代碼就能搞定。比如圓角，圖片邊框，文字陰影和盒陰影等。CSS3不僅能簡化前端開發工作人員的設計過程，還能加快頁面載入速度。
HTML：HyperText Markup Language / 超文本標記語言
XML: Extensible Markup Language / 可擴展標記語言
XHTML: Extensible Hypertext Markup Language / 可擴展超文本標記語
HTML 是用來描述和定義網頁內容的標記語言，是構成網頁的最基本的東西。
所謂超文本，就是說它除了能標記文本，還能標記其他的內容，比如：圖片，鏈接，音頻，視頻等。
它的作用就是一個規范，告訴所有瀏覽器都統一標準，比如我給這段文字加個 <p> 標簽，那就是告訴瀏覽器：這是一個段落。我加個 <img> 標簽：這是一張圖片，別弄錯了。瀏覽器看到后，就會正確解析，產生相應的行為。
XML 它的表現形式就是給一個文檔加一堆標簽，說明每段文字是干什么的，有什么意義。這樣做的目的是方便存儲、傳輸、分享數據，人和機器都可以很方便的閱讀。XML 和 HTML 有一個明顯的區別就是：HTML 的標簽都是預定義的，你不可以自己隨便增加，比如你不能自造一個標簽叫 <nihao>, 但是 XML 可以，你可以自己“發明”標簽————這也是“可擴展的”一個含義。
XHTML 就是以 XML 的語法形式來寫 HTML.
XHTML 出現的原因是：HTML 是一種語法形式比較松散的標記語言，語法要求也不嚴格。比如大小可以混用，屬性值隨便你加不加引號，單引號還是雙引號也隨便你，標簽也可以不閉合。HTML 標準的制定者 W3C 一看這樣下去不行，所謂無規矩不成方圓，所以就把 XML 的語法形式往 HTML 上一套，出現了 XHTML，所以你也可以把 XHTML 理解為 HTML 的嚴格語法形式，除此之外，其它方面基本一樣。
比如 XHTML 有一些強制的要求，如下：
必須包含一個文件頭聲明 <!DOCTYPE>
代碼編輯器:Eclipse,VScode,IDEA
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
