第一課
html
body
p段落
b粗體
i斜體
圖片引用
《img src="img/android.jpg"》
圖片引用
img路徑
jpg文件名
Links鏈接
《a >Google《/a》
圖片鏈接
《a 》 《img src="img/android.jpg"》 ? 《/a》
圖片發(fā)自簡(jiǎn)書(shū)App
選擇列表
ul列表
li列表list item
圖片發(fā)自簡(jiǎn)書(shū)App
圖片發(fā)自簡(jiǎn)書(shū)App
CSS使用
顏色 Red Blue
《h1 style="color: Red;">My Website《/h》
style定義
1直接定義主題
圖片發(fā)自簡(jiǎn)書(shū)App
2CSS方式定義主題
《head》《link="css/styles.css" rel="sytlesheet"》《/head》
主題文件styles.css
h1 { color: Blue; } ?p { color: Green; }
圖片發(fā)自簡(jiǎn)書(shū)App
圖片發(fā)自簡(jiǎn)書(shū)App
3類屬性
主題文件styles.css
.blue-text { color: Blue; }
使用處
《p class="blue-text"》段落文字內(nèi)容《/p》
使用主題方法
1主題文件styles.css
圖片發(fā)自簡(jiǎn)書(shū)App
2使用文件index.html
圖片發(fā)自簡(jiǎn)書(shū)App
3效果
圖片發(fā)自簡(jiǎn)書(shū)App
屬性值寫(xiě)法
屬性分別寫(xiě)调缨，分號(hào)結(jié)尾
color顏色 Green綠色
text-align文本方向 center居中
text-decoration底部下劃線
圖片發(fā)自簡(jiǎn)書(shū)App
Java Script
1、OK對(duì)話框
代碼部分
圖片發(fā)自簡(jiǎn)書(shū)App
效果
圖片發(fā)自簡(jiǎn)書(shū)App
2持际、ok對(duì)話框單獨(dú)寫(xiě)代碼方式
A积锅、scripts.js文件
alert("Hello from JavaScript!");
B俏站、使用處
《script src="js/scripts.js"》《/script》
圖片發(fā)自簡(jiǎn)書(shū)App
