手机看片精品高清国产日韩,色先锋资源综合网,国产哺乳奶水91在线播放,乱伦小说亚洲色图欧洲电影

HTML、 CSS、 JavaScript三者的關(guān)系

2023-12-15 16:08:10 4614

HTML、 CSS、 JavaScript三者的關(guān)系

網(wǎng)頁主要由三部分組成： 結(jié)構(gòu)（ Structure） 、 表現(xiàn)（ Presentation） 和行為（ Behavior）

    HTML —— 結(jié)構(gòu)， 決定網(wǎng)頁的結(jié)構(gòu)和內(nèi)容（ “是什么”）

    CSS —— 表現(xiàn)（ 樣式） ， 設(shè)定網(wǎng)頁的表現(xiàn)樣式（ “什么樣子”）

    JavaScript（ JS） —— 行為， 控制網(wǎng)頁的行為（ “做什么”）

 

三者間的關(guān)系

一個基本的網(wǎng)站包含很多個網(wǎng)頁，一個網(wǎng)頁由html, css和javascript組成。

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

用一扇門比喻三者間的關(guān)系是：html是門的門板，css是門上的油漆或花紋，javascript是門的開關(guān)；

 

html介紹

html是用來描述網(wǎng)頁的一種語言，它不是一種編程語言，而是一種標記語言（標記標簽），總的來說，html使用標記標簽來描述網(wǎng)頁，本文就用標簽來代替標記標簽進行說明。

標簽是指<html></html>，<div></div>。

標簽是有語義的：標題用<h1>，表格展示用<table>，鏈接用<a>，無序排列用<ul>等等。

標簽里可帶有各類屬性，最基本的就是class和id。class屬性的作用是引用css樣式；id的作用是配合javascript使用，具有唯一性。下面舉幾個例子說明

  圖片標簽<img>的主要屬性有src，alt。src是引用圖片的網(wǎng)絡(luò)地址（必要）；alt是對這張圖片的描述，如果圖片加載不成功，則會顯示alt的文字。

  超鏈接<a>的主要屬性有href，target。href是指鏈接要跳轉(zhuǎn)的網(wǎng)址（必要）；target是告訴瀏覽器點擊這個鏈接后要以哪種形式找開窗口，target=”_blank”是指打開一個新窗口

 

css介紹

css的官方名字叫層疊樣式表，它的出現(xiàn)是為了解決內(nèi)容和表現(xiàn)分離的問題，一般存放在.css文件里。


使用css。

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


css優(yōu)先權(quán)。 

多個css樣式可集中在單個html標簽里，出現(xiàn)這種情況時，一般按優(yōu)先權(quán)劃分

  1.瀏覽器默認設(shè)置 （最低）

  2.外部樣式表

  3.內(nèi)部樣式表（寫在html的<head>標簽內(nèi)部）

  4.內(nèi)聯(lián)樣式（寫在html的標簽里，即style屬性）（最高）


css的語法。

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

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

 

javascript介紹

javascript是腳本語言，它是連接前臺（html）和后臺服務(wù)器的橋梁，它是操縱html的能手，本文用js代替javascript進行說明。

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

原生js，是指最基礎(chǔ)的js，沒有封裝過，但因為各瀏覽器對js的支持不同，就導(dǎo)致用基礎(chǔ)的js編程需要為不同的瀏覽器寫兼容代碼。

Js庫，js框架，是指集成一系列dom操作，API封裝，界面UI封裝的的庫類，常見的有jQuery，extjs等等，這方面的定義比較難區(qū)分，暫不誤導(dǎo)大家

Js插件，就是集成了幫助程序員輕松完成功能的程序。Js插件用得比較多，網(wǎng)頁制作上隨處可見。如圖片輪換功能，導(dǎo)航制作，上傳圖片等等。

提交成功！非常感謝您的反饋，我們會繼續(xù)努力做到更好！

這條文檔是否有幫助解決問題？

非常抱歉未能幫助到您。為了給您提供更好的服務(wù)，我們很需要您進一步的反饋信息：

在文檔使用中是否遇到以下問題：