本周学习的是客户端3个部分,xhtml、css和javascript的语法基础。
第一:关于xhtml的属性(标记)——
1.表单属性#lt;form action="表单处理程序url" method="gei/post"#gt;
2.#lt;id="" name=""#gt;这2个属性是表单命的唯一标识号和区别,根据我个人这个星期的作业和用法来看,大多用在#lt;form#gt; #lt;input#gt; 这类控件里面。
3.控件属性#lt;input#gt;,#lt;select#gt;和#lt;option#gt;,#lt;textarea#gt;;
#lt;input#gt;是和type属性定义不同的控件,一共有10种,包括文本框,多选,单选,密码框,提交和取消等。根据不同需求用于不同控件。
#lt;select#gt;和#lt;option#gt;是一起用作控制下拉菜单。基本格式:
#lt;select name="" id=""#gt;
#lt;option value=""#gt;xx#lt;/option#gt;
#lt;/select#gt;
#lt;textarea#gt;是用来创造一个多行文本框。
4.常用定义属性:font-family:定义整个页面字体风格;font-size:字体大小;width:宽度;height:高度;colspan:""合并列数;align:位置;#lt;br /#gt;空一行 %26amp;nbps;空一格
第二:css控制页面
1.样式规则:在使用css样式布局中,基本格式如下
选择器{
属性1:值1;
属性2:值2;
.....
}
并且在#lt;head#gt;#lt;/head#gt;中加入#lt;style type="text/css"#gt;才会调用css相关作用
2.选择器:元素选择器、类选择器、id选择器、包含选择器、通配选择器和伪类及伪元素选择器。(各选择器作用和用法请参考书54-56)
3.样式规则位置:
一共有3种形式——外联,内联和嵌入式。
外联就是在所生成页面文件的同级文件中创造一个.css的文件,然后在.css中用文本的形式把起作用的属性代码写上。
并且在页面文件中以#lt;link rel="stylesheet" type="text/css" ref="样式表的url"#gt;
来调用,这种方式适合多个页面使用同一样式。
嵌入就是常用的css属性,也就是在#lt;head#gt;#lt;/head#gt;中加入#lt;style type="text/css"#gt;,用
选择器{
属性1:值1;
属性2:值2;
.....
}
这样的形式来使用。
内联就是在元素后面使用style属性来标记显示时的样式。基本上大多数html标记都有style属性。
4.css盒模和重叠
(1)margin:边距 border:边框 padding:边框距(具体见书53)
(2)css属性单位:(见书57-65页详细介绍)
(3)div-css页面布局:
这个是重点,不仅仅是#lt;table#gt;属性能对整个页面布局,一般常用的#lt;div#gt;更方便和简洁。
第三:javascript的语法基础和进阶
需要掌握的只有3点:
1.#lt;script type="text/javascript"#gt; 这点和调用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语言类似,我用一个例题来说明:
#lt;!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"#gt;




