javascript
html+css+javascript之间的关系与作用
三者間的關(guān)系
一個(gè)基本的網(wǎng)站包含很多個(gè)網(wǎng)頁(yè),一個(gè)網(wǎng)頁(yè)由html, css和javascript組成。
html是主體,裝載各種dom元素;css用來裝飾dom元素;javascript控制dom元素。
用一扇門比喻三者間的關(guān)系是:html是門的門板,css是門上的油漆或花紋,javascript是門的開關(guān);
html介紹
html是用來描述網(wǎng)頁(yè)的一種語(yǔ)言,它不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言(標(biāo)記標(biāo)簽),總的來說,html使用標(biāo)記標(biāo)簽來描述網(wǎng)頁(yè),本文就用標(biāo)簽來代替標(biāo)記標(biāo)簽進(jìn)行說明。
標(biāo)簽是指<html></html>,<div></div>。
標(biāo)簽是有語(yǔ)義的:標(biāo)題用<h1>,表格展示用<table>,鏈接用<a>,無序排列用<ul>等等。
標(biāo)簽里可帶有各類屬性,最基本的就是class和id。class屬性的作用是引用css樣式;id的作用是配合javascript使用,具有唯一性。下面舉幾個(gè)例子說明
l? 圖片標(biāo)簽<img>的主要屬性有src,alt。src是引用圖片的網(wǎng)絡(luò)地址(必要);alt是對(duì)這張圖片的描述,如果圖片加載不成功,則會(huì)顯示alt的文字。
l? 超鏈接<a>的主要屬性有href,target。href是指鏈接要跳轉(zhuǎn)的網(wǎng)址(必要);target是告訴瀏覽器點(diǎn)擊這個(gè)鏈接后要以哪種形式找開窗口,target=”_blank”是指打開一個(gè)新窗口
若想了解更多關(guān)于html的資料,請(qǐng)點(diǎn)擊這里。
css介紹
css的官方名字叫層疊樣式表,它的出現(xiàn)是為了解決內(nèi)容和表現(xiàn)分離的問題,一般存放在.css文件里。
使用css。
可在html的頭元素<head>里書寫,或者書寫在CSS文件并在html里引用該文件。
css優(yōu)先權(quán)。
多個(gè)css樣式可集中在單個(gè)html標(biāo)簽里,出現(xiàn)這種情況時(shí),一般按優(yōu)先權(quán)劃分
css的語(yǔ)法。
css由兩個(gè)主要部分組成,選擇器,一條或多條聲明。
選擇器是指css樣式的名字“.seletor”,名字前面要帶上一點(diǎn)“.”。聲明是由屬性和值組成,給個(gè)例子“margin: 0 auto”,冒號(hào)前面是屬性,后面是值,該例子是定義元素居中顯示。
具體的屬性和值可點(diǎn)擊這里。
javascript介紹
javascript是腳本語(yǔ)言,它是連接前臺(tái)(html)和后臺(tái)服務(wù)器的橋梁,它是操縱html的能手,本文用js代替javascript進(jìn)行說明。
平時(shí)聽到原生js,js庫(kù),js框架,js插件等等,下面簡(jiǎn)單說明一下。
l? 原生js,是指最基礎(chǔ)的js,沒有封裝過,但因?yàn)楦鳛g覽器對(duì)js的支持不同,就導(dǎo)致用基礎(chǔ)的js編程需要為不同的瀏覽器寫兼容代碼。
l? Js庫(kù),js框架,是指集成一系列dom操作,API封裝,界面UI封裝的的庫(kù)類,常見的有jQuery,extjs等等,這方面的定義比較難區(qū)分,暫不誤導(dǎo)大家
l? Js插件,就是集成了幫助程序員輕松完成功能的程序。Js插件用得比較多,網(wǎng)頁(yè)制作上隨處可見。如圖片輪換功能,導(dǎo)航制作,上傳圖片等等。
至于js語(yǔ)法介紹,則太過于瑣碎,詳情請(qǐng)點(diǎn)擊這里
轉(zhuǎn)載于:https://www.cnblogs.com/ywfblogs/p/9691046.html
總結(jié)
以上是生活随笔為你收集整理的html+css+javascript之间的关系与作用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 根据符号获取字符
- 下一篇: 约瑟夫环问题之猴子选大王