付费节点推荐

免费节点

节点使用教程

实习javaweb前准备：第一天html

1. font标签 <font size=”3″ color=”blue”>bcoder.clbug.com</font>
2.标题标签 <h1></h1>…..<h6></h6>
水平线标签<hr />
换行标签 <br />
特殊字符：
< : &lt;
> : &gt;
& : &amp;
空格 : &nbsp;
3.注释 <!– –>
4.列表标签
<dl>
<dt>
<dd><dd>
</dt>
</dl>
有序： <ol><li></li></ol>
无序: <ul><li></li></ul>
5.图像标签
<img src=”路径” width=”” height=”” alt=”” />
6.路径
相对路径和绝对路径
7.超链接标签
<a href=”路径” target=”_blank”>bcoder.clbug.com</a>
打开方式默认 target=”_self”
新窗口： target=”_blank”
8.表格标签
<table>
<tr>
<th></th> //加粗和居中
<td></td>
</tr>
</table>
9.表单标签
<form action=”提交地址” method=post> </form>
-action 提交到地址
-get和post 区别
输入项：
输入项里面要写name属性
普通输入项：<input type=”text” name=”user” />
密码框： passwd <input type=”password” name=”passwd”>
单选框： radio <input type=”radio” name=”peo”>女 <input type=”radio” name=”peo”>男
复选框： checkbox <input type=”checkbox” name=”apple”>苹果 <input type=”checkbox” name=”baa”>香蕉
下拉框：
<select name=”day”>
<opton value=”0″>请选择</option>
<opton value=”1994″>1994</option>
</select>
文本域：
<textarea cols=”3″ rows=”4″ name=”info”></textarea>
文件: <input type=”file” />
提交按钮：submit <input type=”submit” name=”submit” value=”提交”>
重置： reset <input type=”reset” value=”重置”>
使用图片提交： <input type=”image” src=”post.jpg” name=”image_post” />
隐藏项: hidden
普通按钮： botton
10.注册页面练习
11.其他标签(b,u,i,s,pre,p,sub,sup,div,span)
12.html头标签 （head，body，meta，base，link）
<base target=”_blank” /> 设置超链接
<meta name=”keywords” content=”www.bcoder”> 设置页面的一些相关内容“键值对”形式
link 引入外部文件
13.框架标签 frame

实习javaweb前准备：第二天css

1. css： 层叠样式表
层叠：一层一层
样式：很多属性和属性值
css将网页内容和显示样式相分离，提高了显示功能。

2. css和html的四种结合方式
（1）每个html标签上都有一个属性style，吧css和html结合在一起
– <div style=”background-color:red; color:gree;”>bcoder.clbug.com</div>
（2）使用html的一个标签实现 <style>标签，写在head里面
<style type=”text/css”>
css代码;
</style>
(3)在style标签里面使用语句
@import url(css文件的路径);
<style type=”text/css”>
@import url(style.css);
</stle>
(4) 使用头标签link，引入外部css文件
第一步：创建css文件
第二步： head标签里写 <link rel=”stylesheet”
type=”text/css” href=”css文件路径” />
3. css优先级
由上到下，由外到内 优先级低–>高
后加载的优先级高
css格式：选择器名称 {属性名:属性值; 属性名:属性值;}
4. css的选择器
-标签选择器
使用标签名作为选择器的名称
h2{
color:red;
}
-class
每个html标签都有一个属性class
<div class=”haha”>bcoder.clbug.com<div>
.haha{
background-color:orange;
}
-id
每一个html标签上都有一个属性 id
<div id=”hehe”>code.bing</div>
#hehe{
background-color:gray;
}
优先级:
style->id选择器->class选择器->标签选择器
5.css的扩展选择器
（1）关联选择器：嵌套标签的样式的设置
<div><p>bingfeng</p></div> //设置div标签里的p标签样式。
div p{
background-color:orange;
}
（2）组合选择器： 不同标签同一样式设置
<div> bcoder.clbug.com</div>
<p>wwww.bcoder.cn</p>
<b> bcoder.clbug.com</b>
div,p,b{
font-size:14px;
}
(3)伪元素选择器
css里面提供了一些定义好的样式，可以拿过来使用
比如超链接：
超链接状态
原始状态 鼠标放上去状态 点击 点击之后
:link :hover :active visited
6.css的盒子模型
在进行布局需要吧数据封装到一块一块的区域内
（1）边框
border: 2px solid blue;
border 统一设置
上 border-top
下 border-bottom
左 border-left
右 border-right
(2) 内边距
padding:20px;
使用padding统一设置
也可以分别设置
上下左右
（3）外边距
margin:20px;
也可以使用margin统一设置
也可以分别设置
上下左右
7.css的布局的漂浮
float
-left: 文本流向对象的右边
-right: 文本流向对象的左边
<style type=”text/css”>
div{
width:200px;
height:150px;
border:2px solid blue;
}
#s1{
float:left;
}
<div id=”s1″>AAAAAAAAAAAAAAA</div>
<div id=”s2″>bbbbbbbbbbbbb</div>

8.布局的定位
position
-absolute 从文档流托出
-relative 不会从文档流中托出

 实习javaweb前准备：第二天javascript

1.什么是javascript
-基于对象的时间驱动的语言，应用于客户端
-特点：
交互性，安全性 ，跨平台性
-javascript和java区别
-组成（3部分）：
*ECMAScript (由ECMA组织编制的js语法，语句。。。。)
*bom (broswer object model:浏览器对象模型)
*dom （document object model: 文档对象模型）
2.js和html的结合方式（2种）
第一种：<script type=”text/javascript”>js代码：</script>
第二种：<script type=”text/javascript” src=”js路径”>js代码：</script>
3.js的原始数据类型和生命变量
-java的基本数据类型：byte short int long float double char bolean
-js定义变量 都是用关键字 var
-js的原始类型（5个）
string字符串 var str =”abc”;
number数字类型 var m =123;
boolean: true和false var flag=true;
null : var date=new Date();
//获取对象的引用，null表示对象引用为空，所有对象的引用也是object
undifined： 定义一个变量没有赋值 var aa;
typeof(); 查看变量的数据类型。
4.js的语句
(1)if判断
js中“==”和“===”区别：
== 表示判断值是否相同
=== 表示判断值和数据类型
(2)switch语句
switch(a){
case 5: break();
case 6: break();
default:
……
}
(3)循环语句 for while do-while
++i 和i++和java相同
5.js的运算符
+=
（1）js里不区分整数和小数
var j=123;
alert(j/1000*1000); //得到的结果为123
（2）字符串的相加和相减操作
var str=”123″;
alert(str+1); //结果1231
alert(str-1); //1230执行减法运算
（3）boolean
true 1
false 0
6.js的数组
定义数组方式（三种）
第一种：var arr=[1,2,3]; var arr=[1,”4″,true];
第二种：使用内置对象Array对象
var arr1=new Array(5); //定义长度为5的数组
var1[0]=”1″;
第三种：使用内置对象Array
var arr2=new Array(3,4,5); //定义一个数组，数组里面的元素为3，4，5
数组里面有一个属性，length： 获取到数组的长度
数组可以存放不同的数据类型的数据
7.js的函数
在js里面定义函数有三种方式
第一种：
使用一个关键字 function
function 方法名(参数列表){
方法体;
返回值有无可无;
}
第二种：
匿名函数
var add=function(参数类表){
方法体和返回值;
}
第三种：
使用到js里面的一个内置对象 Function
var add=new Function(“参数列表”,”方法体和返回值”)；
8. js的全局变量和局部变量
-全局变量：在<script>标签里定义的变量就是全局变量
-在方法的内部定义的变量
9.scipt标签放在的位置
建议把script标签放在</body>后面
10.js的重载

未经允许不得转载：Bcoder资源网 » 实习javaweb前准备：第一、二天html css和javascript

相关推荐

更多优质资源关注微信公众号: bcoder