java web学习

第一课

html

body

p段落

b粗体

i斜体

图片引用

《img src="img/android.jpg"》

图片引用

img路径

jpg文件名

Links链接

《a href="http://www.google.com">Google《/a》

图片链接

《a href="http://www.google.com"》 《img src="img/android.jpg"》   《/a》

图片发自App

选择列表

ul列表

li列表list item

图片发自App

图片发自App

---

CSS使用

颜色 Red Blue

《h1 style="color: Red;">My Website《/h》

style定义

1直接定义主题

图片发自App

2CSS方式定义主题

《head》《link="css/styles.css" rel="sytlesheet"》《/head》

主题文件styles.css

h1 { color: Blue; }  p { color: Green; }

图片发自App

图片发自App

3类属性

主题文件styles.css

.blue-text { color: Blue; }

使用处

《p class="blue-text"》段落文字内容《/p》

使用主题方法

1主题文件styles.css

图片发自App

2使用文件index.html

图片发自App

3效果

图片发自App

属性值写法

属性分别写，分号结尾

color颜色 Green绿色

text-align文本方向 center居中

text-decoration底部下划线

图片发自App

Java Script

1、OK对话框

代码部分

图片发自App

效果

图片发自App

2、ok对话框单独写代码方式

A、scripts.js文件

alert("Hello from JavaScript!");

B、使用处

《script src="js/scripts.js"》《/script》

图片发自App