每一個學習前端的人對于前端三劍客《html+css+JavaScript》都不會陌生，可以說這是前端的世界，就沒有前端解決不了的，而在前端的世界里就沒有javascript實作不了的，
關于JavaScript有一句話：凡是可以用javascript來寫的應用，最終都會用javascript，javascript可運行在所有的主要平臺上，也可以運行在每一個主流操作的服務器上，現如今我們在網站寫任何一個主要功能的時候都需要有懂夠用JavaScript寫前端的開發人員，
下面我們就來了解下這三門技術都有什么用？
1. HTML是網頁內容的載體，內容就是網頁制作者放在頁面上想要讓用戶瀏覽的資訊，可以包含文字、圖片、視頻等，
2. CSS樣式是表現，就像網頁的外衣，比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等，所有這些用來改變內容外觀的東西稱之為表現，
3. JavaScript是用來實作網頁上的特效效果，如：滑鼠滑過彈出下拉選單，或滑鼠滑過表格的背景顏色改變，還有焦點新聞（新聞圖片）的輪換，可以這么理解，有影片的，有互動的一般都是用JavaScript來實作的，
什么是HTML？
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言，而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁
HTML標簽
HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
HTML 標簽通常是成對出現的，標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
標簽與標簽之間是可以嵌套的，但先后順序必須保持一致，如：<div>里嵌套<p>，那么</p>必須放在</div>的前面，
HTML基本結構
一個HTML檔案是有自己固定的結構，如下所示：
<html> <head>...</head> <body>...</body> </html>
代碼講解：
1. <html></html>稱為根標簽，所有的網頁標簽都在<html></html>中，
2. <head> 標簽用于定義檔案的頭部，它是所有頭部元素的容器，頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標簽，頭部標簽在之后會詳細介紹，
3. 在<body>和</body>標簽之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標簽，在這里的標簽中的內容會在瀏覽器中顯示出來，
在head中設定網頁標題和字符集編碼
<head> <title>這里是標題</title> <meta charset="utf-8"/> </head>
什么是CSS (層疊樣式表)？
CSS：全名Cascading Style Sheet 又被稱為層疊樣式表
是一組樣式設定的規則，用于控制頁面的外觀樣式
為什么使用CSS？
- 在制作網頁時可以實作內容與樣式的分離，便于團隊開發
- 樣式復用，減少代碼量，便于網站的后期維護
- 頁面樣式的精確控制，讓頁面更精美
CSS的作用
- 頁面外觀美化
- 布局和定位
CSS的基本結構
在style標簽中定義你需要的樣式
<style type="text/css"> 樣式</style>
JavaScript是什么？
JavaScript(LiveScript)一種解釋性腳本語言，是一種動態型別、弱型別、基于原型繼承的語言，內置支持型別，它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能，
JavaScript的作用
- JavaScript 能夠改變 HTML 內容
- JavaScript 能夠改變 HTML 屬性
- JavaScript 能夠改變 HTML 樣式 (CSS)
- JavaScript 能夠隱藏 HTML 元素
- JavaScript 能夠顯示 HTML 元素
web前端全套學習資料：
http://www.bjpowernode.com/?cnblogsweb.chai
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/349544.html
標籤：Html/Css