網頁的基本結構

1、 網頁的基本結構 文本標簽 標題標簽 . 段落標簽字體標簽 換行標簽 水平線標簽 (<) 圖片標簽 滾動標簽 超鏈接 錨點連接：進行頁面定位 定義錨點 排列網頁內容 無序列表 有序列表 定義列表：用于產品的解釋 用于圖文混合的布局 標題 表格標簽跨列跨行 DIV標簽（層標簽） 行內標簽作為文本容器 傳遞網頁數(shù)據(jù) 表單的使用 Get與post的區(qū)別：post不會顯示用戶的密碼并且提交數(shù)據(jù)的長度沒有限制 常見的表單元素：文本框 密碼框 單選按鈕 復選框 文件域 下拉列表 湖北省 多行文本域： 自我介紹 提交按鈕 重置按鈕 框架組合網頁框架結構介紹框架集使用：沒有body部分 行列混合的頁面

2、內嵌框架 CSS樣式表的使用 fdjkjifd fdjkjifd fdjkjifd fdjkjifd Li(標簽選擇器) color:#DF0E11;font-size:9px;font-family:黑體;.red(類選擇器) Color:red;#news（id選擇器）Background-color:red;選擇器的優(yōu)先級 ID選擇器類選擇器標簽選擇器 文本和字體屬性無標題文檔pcolor:red;font-size:20px;font-family:微軟雅黑;letter-spacing:10px; /*字符間距*/text-align:right;/*文本的對齊方式*/text-de

3、coration:underline;/*文本修飾*/line-height:30px;/*文本行高*/font:bold 20px 微軟雅黑;css是一種頁面修飾梅花技術CSS盒子模型#box1border-width:5px;border-color:red;border-style:dashed;/*邊框的風格*/ border:5px solid red; padding-top:20px;/*填充*/ width:300px;只有塊級元素才能修飾 height:600px; background-repeat:no-repeat;/*背景的平鋪方式*/ background-colo

4、r:red; background-image:url();bodymargin:0px;#box2margin-top:30px;/*盒子之間的間距*/border:5px solid red; 盒子2網頁布局設計標準文檔流行內元素從左到右解析文檔塊級元素從上到下解析元素Display屬性可以改變元素的性質盒子的定位title盒子的定位#wrapperborder:3px solid black;#box1,#box2,#box3border:3px solid black;margin:5px;height:40px;width:300px;#box1background-color:re

5、d;color:yellow;position:absolute;/*絕對定位 脫離標準文檔流*/top:30px;left:100px;#box2background-color:green;color:white;position:relative;/*相對原來的位置進行偏移*/left:50px;top:-20px;#box3background-color:yellow;color:black;position:fixed;/*固定定位*/top:30px;left:100px;第一個層第二個層第三個層盒子的浮動Float:left;Clear:both; overflow：hidde

6、n解決浮動塌陷常用流行布局的實現(xiàn)自適應 width：80% 當改變窗口的大小時，頁面內容始終是窗口的80%JavaScript基礎知識定義函數(shù)function getArea (width,height)var re=width*height;return re;/*document.write(面積：+re);*/ var area=getArea(3,4); document.write(area);系統(tǒng)函數(shù)var r=parseInt(123)+parseFloat(456);document.write(r);var x=ABC;var y=123;document.write(isN

7、aN(y);輸入x返回true表示x不是數(shù)字Var r=”1+2+3+4;r=eval(r);document.write(r);eval返回運算數(shù)的計算結果匿名函數(shù)(function (width,height)document.write(面積：+width*height);)(3,4)函數(shù)也是一種數(shù)據(jù)類型 function類型匿名函數(shù)作為函數(shù)的參數(shù)來傳遞Var area=function(width,height)Document.write(“面積：”+width*height);Area(3,4);常用事件、function fun(obj)obj.style.fontSize=30

8、px;事件綁定This表示事件源p；window.onload=function()alert(歡迎來到美淘網);瀏覽器默認處理程序function Check()event.returnValue=false;function Check() var username=document.getElementById(name).value; if(username=)alert(請輸入用戶名);return false;return true; window對象window.alert();var name=mpt(請輸入姓名：);window.alert(歡迎+name);確認對話框var flag=window.confirm(確認刪除嗎？);if(flag)window.alert(執(zhí)行刪除操作);elsewindow.alert(取消刪除操作);var newWin;window.onload=function()newWin=window.open(i