淺析html+css+javascript之間的關係與做用

時間 2019-11-29

標籤淺析 html+css+javascript html css javascript 之間關係欄目 JavaScript 简体版

原文原文鏈接

三者間的關係

一個基本的網站包含不少個網頁，一個網頁由html, css和javascript組成。javascript

html是主體，裝載各類dom元素；css用來裝飾dom元素；javascript控制dom元素。css

用一扇門比喻三者間的關係是：html是門的門板，css是門上的油漆或花紋，javascript是門的開關；html

html介紹

html是用來描述網頁的一種語言，它不是一種編程語言，而是一種標記語言（標記標籤），總的來講，html使用標記標籤來描述網頁，本文就用標籤來代替標記標籤進行說明。java

標籤是指<html></html>，<div></div>。程序員

標籤是有語義的：標題用<h1>，表格展現用<table>，連接用<a>，無序排列用<ul>等等。編程

標籤裏可帶有各種屬性，最基本的就是class和id。class屬性的做用是引用css樣式；id的做用是配合javascript使用，具備惟一性。下面舉幾個例子說明瀏覽器

l 圖片標籤<img>的主要屬性有src，alt。src是引用圖片的網絡地址（必要）；alt是對這張圖片的描述，若是圖片加載不成功，則會顯示alt的文字。服務器

l 超連接<a>的主要屬性有href，target。href是指連接要跳轉的網址（必要）；target是告訴瀏覽器點擊這個連接後要以哪一種形式找開窗口，target=」_blank」是指打開一個新窗口網絡

若想了解更多關於html的資料，請點擊這裏。框架

css介紹

css的官方名字叫層疊樣式表，它的出現是爲了解決內容和表現分離的問題，通常存放在.css文件裏。

使用css。

可在html的頭元素<head>裏書寫，或者書寫在CSS文件並在html裏引用該文件。

css優先權。

多個css樣式可集中在單個html標籤裏，出現這種狀況時，通常按優先權劃分

瀏覽器默認設置 （最低）
外部樣式表
內部樣式表（寫在html的<head>標籤內部）
內聯樣式（寫在html的標籤裏，即style屬性）（最高）

css的語法。

css由兩個主要部分組成，選擇器，一條或多條聲明。

選擇器是指css樣式的名字「.seletor」，名字前面要帶上一點「.」。聲明是由屬性和值組成，給個例子「margin: 0 auto」，冒號前面是屬性，後面是值，該例子是定義元素居中顯示。

具體的屬性和值可點擊這裏。

javascript介紹

javascript是腳本語言，它是鏈接前臺（html）和後臺服務器的橋樑，它是操縱html的能手，本文用js代替javascript進行說明。

平時聽到原生js，js庫，js框架，js插件等等，下面簡單說明一下。

l 原生js，是指最基礎的js，沒有封裝過，但由於各瀏覽器對js的支持不一樣，就致使用基礎的js編程須要爲不一樣的瀏覽器寫兼容代碼。

l Js庫，js框架，是指集成一系列dom操做，API封裝，界面UI封裝的的庫類，常見的有jQuery，extjs等等，這方面的定義比較難區分，暫不誤導你們

l Js插件，就是集成了幫助程序員輕鬆完成功能的程序。Js插件用得比較多，網頁製做上隨處可見。如圖片輪換功能，導航製做，上傳圖片等等。

至於js語法介紹，則太過於瑣碎，詳情請點擊這裏

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。