表單和css樣式

表單和css樣式

ID:40886178

大小:46.00 KB

頁(yè)數(shù):6頁(yè)

時(shí)間:2019-08-09

表單和css樣式_第1頁(yè)
表單和css樣式_第2頁(yè)
表單和css樣式_第3頁(yè)
表單和css樣式_第4頁(yè)
表單和css樣式_第5頁(yè)
資源描述:

《表單和css樣式》由會(huì)員上傳分享,免費(fèi)在線(xiàn)閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)

1、網(wǎng)站與網(wǎng)頁(yè):網(wǎng)頁(yè):html文件,通過(guò)互聯(lián)網(wǎng)傳輸被瀏覽器識(shí)別和翻譯的瀏覽器的兼容性網(wǎng)站:網(wǎng)頁(yè)的集合,每個(gè)頁(yè)面是相關(guān)的index.htmldefault網(wǎng)址—域名前期:項(xiàng)目開(kāi)發(fā)---域名解析、.com.cn.gov等–服務(wù)器(空間)網(wǎng)頁(yè)類(lèi)型:(1)普通靜態(tài)頁(yè)面:客戶(hù)端瀏覽器發(fā)送請(qǐng)求—服務(wù)器不予修改信息,不經(jīng)常改動(dòng)的源文件(2)動(dòng)態(tài)頁(yè)面:客戶(hù)端瀏覽器發(fā)送請(qǐng)求—服務(wù)器端程序修改—反饋內(nèi)容維護(hù):web后臺(tái)增刪改查(3)交互頁(yè)面:人的參與填寫(xiě)、做一些選擇、點(diǎn)擊按鈕等組成元素:(1)文本—信息的載體(2)圖片—常用gifjpg

2、png(3)動(dòng)畫(huà)—常用gif動(dòng)畫(huà)flash動(dòng)畫(huà)(4)音頻視頻—常見(jiàn)aviflv等(5)超鏈接—網(wǎng)頁(yè)之間訪(fǎng)問(wèn)的途徑(6)表單—和交互相關(guān)的元素(7)表格—元素的排版HTML文件:(1)概念:超文本標(biāo)記語(yǔ)言被瀏覽器識(shí)別和翻譯(2)語(yǔ)法:1)標(biāo)簽必須在<>內(nèi)2)分類(lèi)(表現(xiàn)):雙標(biāo)記標(biāo)簽<>單標(biāo)記標(biāo)簽3)必須閉合4)所有標(biāo)簽都是小寫(xiě)5)標(biāo)簽和屬性:空格進(jìn)行隔開(kāi),屬性=“屬性值”(3)結(jié)構(gòu):聲明該文檔是html文件</p><p>3、標(biāo)題不在頁(yè)面中顯示,但是信息很重要內(nèi)容的顯示區(qū)域(4)常用標(biāo)簽:1)Head:i.Title:標(biāo)題標(biāo)簽雙標(biāo)記顯示在標(biāo)題欄ii.Meta:聲明文檔的一些信息編碼格式,關(guān)鍵字,描述,iii.外部引用文件(樣式、腳本)1)Body:屬性:1、bgcolor=“#000000”背景色2、background=“路徑”大圖:左上角小圖:重復(fù)平鋪css背景圖—背景色(2)分隔標(biāo)簽:1)br單標(biāo)記強(qiáng)制換行2)p雙標(biāo)記段落上下有間距屬性:Align:對(duì)齊lef

4、t(默認(rèn))centerrightTitle鼠標(biāo)滑過(guò)顯示效果Classidstyle:所有標(biāo)簽都有的3)hr:分割線(xiàn)屬性:Width:寬度數(shù)值沒(méi)有單位Color:顏色Align:對(duì)齊leftcenter(默認(rèn))rightSize:大小沒(méi)有單位4)標(biāo)題標(biāo)簽:H1-h6雙標(biāo)記默認(rèn)效果加粗一般用于標(biāo)題,屬性:Align:對(duì)齊Title:5)Font:字體html基本不用屬性:Face:字體默認(rèn)宋體可以多個(gè)字體Size:大小-1---6+1--+61-7數(shù)值越大,字越大Color:顏色字體修飾:加粗bstrong傾斜Iem

5、下劃線(xiàn)u標(biāo)簽嵌套關(guān)系6)超鏈接a雙標(biāo)記屬性:Href:連接地址網(wǎng)絡(luò)地址本地地址#自連接mailto:郵箱地址target:_blank新窗口_self本窗口文字連接、圖片連接7)無(wú)序列表:ULli雙標(biāo)記屬性:上下有間隔,左側(cè)有間隔Type:類(lèi)型disc實(shí)心圓點(diǎn)circle空心圓圈square方形8)有序列表Olli雙標(biāo)記屬性:上下有間隔,左側(cè)有間隔Type:1aAIi1)自定義列表:DldtddDt標(biāo)題上下有間隔Dd左側(cè)有間隔2)Img圖像插入圖片屬性:Src:路徑Title:Alt:圖片加載不下來(lái)的提示W(wǎng)idt

6、h:寬度Height:高度Hspace:離左右物件距離Vspace:離上下物件距離Border:邊框3)表格:TabletrtdTable:屬性:Width:寬度Height:高度Border:邊框0無(wú)邊框Align:對(duì)齊慎用Cellspadding:Cellspacing:Tr:一般不寫(xiě)屬性Td:?jiǎn)卧馱idth、height、boeder、alignColspan:合并列Rowspan:合并行慎用Dreamweaver:文件操作:新建、保存、打開(kāi)等視圖模式:代碼、代碼+設(shè)計(jì)、設(shè)計(jì)Html基礎(chǔ)標(biāo)簽:分隔hrbr

7、p標(biāo)題hn超鏈接a圖片img列表:有序列表ol無(wú)序列表ul自定義列表dl表格table文字fontTable屬性:Bordercolorlight=“”亮部Bordercolordark=“”暗部ie識(shí)別圖片屬性欄:熱區(qū)設(shè)計(jì)視圖:enterp段落shift+enterbr換行特殊字符表格中:標(biāo)題th默認(rèn)文字加粗,居中顯示表單標(biāo)簽:主要用于交互類(lèi)欄目表單+表單域

默認(rèn)上下有間隔4類(lèi):