2.在HTML里打多個(gè)空格需要使用標(biāo)簽,一般標(biāo)簽有<囱嫩;=<,
> => ? =空格
回車(chē)標(biāo)簽
有序列表嫂侍,成組出現(xiàn)
<ol>
<li></li>
<li></li>
<li></li>
</ol>
在ol里加上type=~可以顯示各種計(jì)數(shù)方式(1234儿捧,abcd荚坞,i ii iii iv)
在type="1"后加上=reversed="reversed"變成倒序
在type=“1”后加上start=“X”
表示排序從X開(kāi)始
ol和li用處不廣泛
3.<ul>
<li></li>
<li></li>
</ul>
比較常用
一個(gè)大的功能有很多個(gè)功能子項(xiàng)來(lái)組成,每一個(gè)功能子項(xiàng)的功能和樣式基本都是相同的菲盾,只不過(guò)他們的內(nèi)容有一點(diǎn)差異颓影,很多個(gè)功能子項(xiàng)組成了一個(gè)大功能,這樣的功能最好用<ul>和<li>來(lái)展示懒鉴,因?yàn)槠涓咸焐慕Y(jié)構(gòu)
4.<img src="">引號(hào)內(nèi)寫(xiě)圖片地址
這是個(gè)圖片標(biāo)簽
地址獲裙罟摇:I 網(wǎng)上url II 本地的絕對(duì)路徑 III 本地的相對(duì)路徑
當(dāng)網(wǎng)頁(yè)地址和圖片 地址完全相同時(shí),也就是在同一個(gè)文件夾下临谱,這時(shí)HTML和圖片路徑成相對(duì)關(guān)系這時(shí)兩者稱(chēng)為相對(duì)路徑
圖片和HTML成相對(duì)關(guān)系時(shí)璃俗,在引號(hào)內(nèi)直接寫(xiě)圖片名稱(chēng)。
如果圖片和HTML不在同一地址悉默,那他兩的關(guān)系就稱(chēng)為絕對(duì)關(guān)系城豁。在絕對(duì)關(guān)系下要引入圖片就要把圖片地址寫(xiě)完整
alt=“”此編碼可用于圖片展示出錯(cuò)時(shí)添加圖片描述 此編碼叫做圖片占位符。
tittle=“”叫做圖片提示符抄课,在光標(biāo)移動(dòng)到圖片上時(shí)可以顯示圖片提示唱星。
5.a標(biāo)簽(<a href></a>)可用于添加超鏈接,a標(biāo)簽中的屬性herf(hyperText reference 超文本參考)在herf里面添加網(wǎng)站地址可以跳轉(zhuǎn)到網(wǎng)站剖膳。注意:在herf中要寫(xiě)網(wǎng)站地址魏颓,在標(biāo)簽內(nèi)也要寫(xiě)網(wǎng)站地址。
在標(biāo)簽內(nèi)加入target=“”可以顯示在新的網(wǎng)頁(yè)中打開(kāi)網(wǎng)址
a標(biāo)簽第二個(gè)作用吱晒,作為錨點(diǎn)甸饱,在網(wǎng)頁(yè)中可以固定位置顯示,向下或者向上滑動(dòng)不會(huì)消失仑濒。
第三個(gè)作用可以當(dāng)打電話用叹话,具體操作,herf=“tel:XXXXXX”
也可發(fā)郵件墩瞳,操作 herf=mailto:1010010@163.com
第四個(gè)作用驼壶,協(xié)議限定符,跟JavaScript有關(guān)
6.form標(biāo)簽喉酌,能發(fā)送數(shù)據(jù) 在form后加上method热凹,method是發(fā)送數(shù)據(jù)的方式,在method后加上action=.....泪电,省略號(hào)代表地址般妙。例子:<form method="get" action="http://www.xxxx.com"
http://www.xxxx.com是后端的模擬地址
在form標(biāo)簽里加入<input>組件可以加入密碼框和文本框,具體操作
<input type="text">
<input type="password">
添加提交按鈕
<input type="submit" value="登錄”>
value后寫(xiě)提交按鈕上的diy文字
代碼需要可讀性和可維護(hù)性
<input type="radio" name="" value=“”>此代碼可以生成一個(gè)單選框相速,如果有多個(gè)選項(xiàng)碟渺,每個(gè)選項(xiàng)的name后都填相同數(shù)據(jù)。在value后寫(xiě)上該選項(xiàng)的數(shù)據(jù)突诬,才可以在點(diǎn)擊單選后提交
(如果想生成一個(gè)復(fù)選框苫拍,將radio改成checkbox)
在input里加一個(gè)屬性checked可以添加默認(rèn)選中芜繁,具體操作checked="xxx"
最后一個(gè)組件<select>
展示如下:
<select name=XXX>
<option></option>
<select>
option可以是很多個(gè)
可以構(gòu)成一個(gè)選項(xiàng)菜單
在select里寫(xiě)數(shù)據(jù)名和數(shù)據(jù)值
瀏覽器及其內(nèi)核
IE trident
Firefox Gecko
Google Chrome webkit/blink
safari webkit
Opera presto
在HTML里寫(xiě)備注 control+?
html負(fù)責(zé)結(jié)構(gòu)
css負(fù)責(zé)樣式
JavaScript負(fù)責(zé)行為
css=cascading style sheet 層疊樣式表
引入css
1.行間樣式 在組件后加入style
2.在head里加上style標(biāo)簽(頁(yè)面級(jí)css)
3.外部css文件
用外部css時(shí)要重新生成一個(gè)css文件,文件最好和html保持相對(duì)路徑绒极,在新的css文件里生成div{}骏令,在括弧里填充各種樣式條件,然后返回html文件集峦,在head里添加一個(gè)link標(biāo)簽伏社,將herf設(shè)置成css文件名,在body里添加想要的div塔淤,就大功告成啦摘昌!
加載網(wǎng)頁(yè)時(shí),網(wǎng)頁(yè)會(huì)邊加載邊展示高蜂,HTML文件和css文件同時(shí)加載(異步加載)
4.選擇器
在html的div里起一個(gè)ID聪黎,在內(nèi)容里隨便寫(xiě)啥,
然后在css里輸入#+ID的值就可以選擇到那個(gè)div 這叫id選擇器备恤,而且不同的div不能有相同的id
class選擇器
在div后加上一個(gè)class稿饰,在內(nèi)容里面隨便寫(xiě)啥,
然后在css里輸入.加class的值露泊,就可以選擇到那個(gè)div喉镰,不同的div可以有相同的class,而且還可以疊加class
ID選擇器優(yōu)先級(jí)比class選擇器高
標(biāo)簽選擇器惭笑,在css里輸入div{}可以選擇所有的div標(biāo)簽
通配符選擇器
在css里輸入*{}侣姆,可以選擇頁(yè)面里所有的標(biāo)簽
在css里加上[...]可以寫(xiě)一個(gè)屬性選擇器
優(yōu)先級(jí):
!important>行間樣式>ID>class=屬性>標(biāo)簽選擇器>通配符選擇器
css權(quán)重值是256進(jìn)制
下堂課講權(quán)重