本周学习的是客户端3个部分，xhtml、css和javascript的语法基础。
第一：关于xhtml的属性（标记）——
1.表单属性<form action="表单处理程序url" method="gei/post">
2.<id="" name="">这2个属性是表单命的唯一标识号和区别，根据我个人这个星期的作业和用法来看，大多用在<form> <input> 这类控件里面。
3.控件属性<input>,<select>和<option>,<textarea>；
<input>是和type属性定义不同的控件，一共有10种，包括文本框，多选，单选，密码框，提交和取消等。根据不同需求用于不同控件。
<select>和<option>是一起用作控制下拉菜单。基本格式：
<select name="" id="">
<option value="">xx</option>
</select>
<textarea>是用来创造一个多行文本框。
4.常用定义属性：font-family：定义整个页面字体风格；font-size:字体大小；width:宽度；height:高度；colspan:""合并列数；align:位置；<br />空一行 &nbps;空一格
第二：css控制页面
1.样式规则：在使用css样式布局中，基本格式如下
选择器{
属性1：值1；
属性2：值2；
.....
}
并且在<head></head>中加入<style type="text/css">才会调用css相关作用
2.选择器：元素选择器、类选择器、id选择器、包含选择器、通配选择器和伪类及伪元素选择器。（各选择器作用和用法请参考书54-56）
3.样式规则位置：
一共有3种形式——外联，内联和嵌入式。
外联就是在所生成页面文件的同级文件中创造一个.css的文件，然后在.css中用文本的形式把起作用的属性代码写上。
并且在页面文件中以<link rel="stylesheet" type="text/css" ref="样式表的url">
来调用，这种方式适合多个页面使用同一样式。
嵌入就是常用的css属性，也就是在<head></head>中加入<style type="text/css">，用
选择器{
属性1：值1；
属性2：值2；
.....
}
这样的形式来使用。
内联就是在元素后面使用style属性来标记显示时的样式。基本上大多数html标记都有style属性。
4.css盒模和重叠
（1）margin:边距 border:边框 padding：边框距（具体见书53）
（2）css属性单位：（见书57-65页详细介绍）
（3）div-css页面布局：
这个是重点，不仅仅是<table>属性能对整个页面布局，一般常用的<div>更方便和简洁。
第三：javascript的语法基础和进阶
需要掌握的只有3点：
1.<script type="text/javascript"> 这点和调用css属性一样。
document.write("你好")这个等同于c语言printf意思，也可以用alert来替代。
2.事件处理程序：这点知识点有4点，比较多，参考树上81-95页的详细介绍。
3.进阶语法：也就是和c语言中的数据类型，循环，顺序，选择一类类似。只是有几点区别：
(1)定义数据类型，不用明确定义，只需用var就行。
(2)不同类型数据计算不用c语言那么明确，比如var 'a' b，一个字符型，一个数据性，也可以计算c='a'-b。
(3)增加了字符串运算符。
4.函数调用：这点也和c语言类似，我用一个例题来说明：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>javascript求和</title>
<script type="text/javascript">
function sum1(m){
var i ,n=1;
for(i=1;i<=m;i++){
n=1/i*n;
}
return n;
}
function sum(n){
var i,s=0;
for(i=1;i<=n;i++){
s=s+sum1(i);
}
alert(s);
}
</script>
</head>
<body>
<form action="#" method="get">
1+1/2!+1/3!+1/4!.....1/10!=
<input type="button" value="求和" onclick="sum(10);" />
</form>
</body>
</html>
这个题就是用函数调用的方式来求和，大家应该能看懂- -！我们的作业。
好了，这就是这个星期我的总结，希望对大家有帮助，肯定不全面仅作参考！
1楼  关于客户端XHTML，CSS和JavaScript的一些总结 | |
网上购物、在线购物、购物搜索 欢迎光临本站购买图书、影视、音乐、数码、百货，手机等商品。 本周学习的是客户端3个部分，xhtml、css和javascript的语法基础。
第一：关于xhtml的属性（标记）——
1.表单属性<form action="表单处理程序url" method="gei/post">
2.<id="" name="">这2个属性是表单命的唯一标识号和区别，根据我个人这个星期的作业和用法来看，大多用在<form> <input> 这类控件里面。
3.控件属性<input>,<select>和<option>,<textarea>；
<input>是和type属性定义不同的控件，一共有10种，包括文本框，多选，单选，密码框，提交和取消等。根据不同需求用于不同控件。
<select>和<option>是一起用作控制下拉菜单。基本格式：
<select name="" id="">
<option value="">xx</option>
</select>
<textarea>是用来创造一个多行文本框。
4.常用定义属性：font-family：定义整个页面字体风格；font-size:字体大小；width:宽度；height:高度；colspan:""合并列数；align:位置；<br />空一行 &nbps;空一格
第二：css控制页面
1.样式规则：在使用css样式布局中，基本格式如下
选择器{
属性1：值1；
属性2：值2；
.....
}
并且在<head></head>中加入<style type="text/css">才会调用css相关作用
2.选择器：元素选择器、类选择器、id选择器、包含选择器、通配选择器和伪类及伪元素选择器。（各选择器作用和用法请参考书54-56）
3.样式规则位置：
一共有3种形式——外联，内联和嵌入式。
外联就是在所生成页面文件的同级文件中创造一个.css的文件，然后在.css中用文本的形式把起作用的属性代码写上。
并且在页面文件中以<link rel="stylesheet" type="text/css" ref="样式表的url">
来调用，这种方式适合多个页面使用同一样式。
嵌入就是常用的css属性，也就是在<head></head>中加入<style type="text/css">，用
选择器{
属性1：值1；
属性2：值2；
.....
}
这样的形式来使用。
内联就是在元素后面使用style属性来标记显示时的样式。基本上大多数html标记都有style属性。
4.css盒模和重叠
（1）margin:边距 border:边框 padding：边框距（具体见书53）
（2）css属性单位：（见书57-65页详细介绍）
（3）div-css页面布局：
这个是重点，不仅仅是<table>属性能对整个页面布局，一般常用的<div>更方便和简洁。
第三：javascript的语法基础和进阶
需要掌握的只有3点：
1.<script type="text/javascript"> 这点和调用css属性一样。
document.write("你好")这个等同于c语言printf意思，也可以用alert来替代。
2.事件处理程序：这点知识点有4点，比较多，参考树上81-95页的详细介绍。
3.进阶语法：也就是和c语言中的数据类型，循环，顺序，选择一类类似。只是有几点区别：
(1)定义数据类型，不用明确定义，只需用var就行。
(2)不同类型数据计算不用c语言那么明确，比如var 'a' b，一个字符型，一个数据性，也可以计算c='a'-b。
(3)增加了字符串运算符。
4.函数调用：这点也和c语言类似，我用一个例题来说明：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "[url=http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd]http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd[/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]" xml:lang="en" lang="en">
<head>
<title>javascript求和</title>
<script type="text/javascript">
function sum1(m){
var i ,n=1;
for(i=1;i<=m;i++){
n=1/i*n;
}
return n;
}
function sum(n){
var i,s=0;
for(i=1;i<=n;i++){
s=s+sum1(i);
}
alert(s);
}
</script>
</head>
<body>
<form action="#" method="get">
1+1/2!+1/3!+1/4!.....1/10!=
<input type="button" value="求和" onclick="sum(10);" />
</form>
</body>
</html>
这个题就是用函数调用的方式来求和，大家应该能看懂- -！我们的作业。
好了，这就是这个星期我的总结，希望对大家有帮助，肯定不全面仅作参考！
| |||||||||||
