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