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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容