<h3>三者的關(guān)系</h3>
<p>一個(gè)基本的網(wǎng)站可以由多個(gè)網(wǎng)頁組成惭适,一個(gè)基本的網(wǎng)頁由HTML CSS和JavasCript組成。
1.html是主體楼镐,裝載各種dom元素癞志。
2.css用來裝飾各種dom元素。
3.JavaScript用來控制dom元素框产。
比喻:html是門板凄杯,而門板需要裝飾,那么css就是門上的裝飾秉宿,而門需要開關(guān)來控制戒突,那么JavaScript就是門上的開關(guān)。</p>
<h3>html的介紹</h3>
<p>html是用來描述網(wǎng)頁的一種語言描睦,它不是一種編程語言膊存,而是一種標(biāo)記語言(標(biāo)記標(biāo)簽),總的來說忱叭,html使用標(biāo)記標(biāo)簽來描述網(wǎng)頁隔崎。
標(biāo)簽有:<HTML></HTML>
<body></body>
標(biāo)簽是有語義的:<h1>
代表標(biāo)題,<p1>
代表段落韵丑,<table>
代表表格爵卒,<ul>
代表無序排列。
標(biāo)簽里可帶有各類屬性撵彻,最基本的就是class和id钓株。class屬性的作用是引用css樣式;id的作用是配合javascript使用千康,具有唯一性享幽。
圖片標(biāo)簽的主要屬性由src,alt拾弃。src是引用圖片的網(wǎng)絡(luò)地址(必要);alt是對這張圖片的描述值桩,如果圖片加載不成功,則會顯示alt的文字豪椿。
超鏈接< a >的主要屬性有href奔坟,target携栋。href是指鏈接要跳轉(zhuǎn)的網(wǎng)址(必要);target是告訴瀏覽器點(diǎn)擊這個(gè)鏈接后要以哪種形式找開窗口咳秉,target=”_blank”是指打開一個(gè)新窗口婉支。
更多html資料:<a >點(diǎn)擊這里</a></p>
<h3>CSS的介紹</h3>
<p>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)劃分:
1.瀏覽器默認(rèn)設(shè)置 (最低)
2.外部樣式表
3.內(nèi)部樣式表(寫在html的<head>標(biāo)簽內(nèi)部)
4.內(nèi)聯(lián)樣式(寫在html的標(biāo)簽里咽筋,即style屬性)(最高)
CSS的語法:
css由兩個(gè)主要部分組成溶推,選擇器,一條或多條聲明奸攻。
選擇器是指css樣式的名字“.seletor”蒜危,名字前面要帶上一點(diǎn)“.”。聲明是由屬性和值組成睹耐,給個(gè)例子“margin: 0 auto”辐赞,冒號前面是屬性,后面是值疏橄,該例子是定義元素居中顯示
具體屬性和值:<a >點(diǎn)擊這里</a></p>
<h3>JavaScript的介紹(小生也不太熟練它占拍。。捎迫。晃酒。)</h3>
<p>javascript是腳本語言,它是連接前臺(html)和后臺服務(wù)器的橋梁窄绒,它是操縱html的能手贝次,本文用js代替javascript進(jìn)行說明。
平時(shí)聽到原生js彰导,js庫蛔翅,js框架,js插件等等位谋,下面簡單說明一下山析。
1.原生js,是指最基礎(chǔ)的js掏父,沒有封裝過笋轨,但因?yàn)楦鳛g覽器對js的支持不同,就導(dǎo)致用基礎(chǔ)的js編程需要為不同的瀏覽器寫兼容代碼。
2.Js庫爵政,js框架仅讽,是指集成一系列dom操作,API封裝钾挟,界面UI封裝的的庫類洁灵,常見的有jQuery,extjs等等掺出,這方面的定義比較難區(qū)分徽千,暫不誤導(dǎo)大家
3.JS插件,就是集成了幫助程序員輕松完成功能的程序汤锨。Js插件用得比較多罐栈,網(wǎng)頁制作上隨處可見。如圖片輪換功能泥畅,導(dǎo)航制作,上傳圖片等等琅翻。
至于js語法介紹位仁,則太過于瑣碎,詳情請<a >點(diǎn)擊這里</a></p>
答謝觀眾:
哈哈方椎!
本教程版權(quán)歸饑人谷peter和饑人谷所有聂抢,轉(zhuǎn)載須說明來源