分享
 
 
 

关于客户端XHTML,CSS和JavaScript的一些总结

王朝html/css/js·作者佚名  2008-11-05
窄屏简体版  字體: |||超大  

本周学习的是客户端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>

这个题就是用函数调用的方式来求和,大家应该能看懂- -!我们的作业。

好了,这就是这个星期我的总结,希望对大家有帮助,肯定不全面仅作参考!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有