本週學習的是客戶端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>
這個題目就是用函數呼叫的方式來求和,大家應該可以看懂- -!我們的作業。
好了,這就是這週我的總結,希望對大家有幫助,肯定不全面僅作參考!