Html靜態(tài)網(wǎng)頁(yè)技術(shù)小結(jié)

1、Html靜態(tài)網(wǎng)頁(yè)技術(shù)小結(jié)l Html入門n 所有的html網(wǎng)頁(yè)都是有標(biāo)簽（W3C規(guī)定標(biāo)準(zhǔn)標(biāo)簽）n 所有的標(biāo)簽使用標(biāo)準(zhǔn)： ，而標(biāo)簽不區(qū)分大小寫n IE瀏覽器對(duì)html源代碼是解釋執(zhí)行（在加載網(wǎng)頁(yè)代碼的時(shí)候，瀏覽器碰到一行，就執(zhí)行并顯示一行做設(shè)置的效果）n 常見(jiàn)標(biāo)簽：標(biāo)簽名稱使用方法Html在每個(gè)網(wǎng)頁(yè)文件的第一行Head設(shè)置網(wǎng)頁(yè)頭部約束信息Title設(shè)置網(wǎng)頁(yè)的標(biāo)題信息Meta設(shè)置網(wǎng)頁(yè)內(nèi)容格式及字符編碼charsetGbkGb2312Big5Utf-8Iso-8859-1Body正文內(nèi)容標(biāo)簽P段落標(biāo)簽Br換行標(biāo)簽Hr橫線：H1-h6標(biāo)題標(biāo)簽Pre預(yù)處理格式Img圖片標(biāo)簽A超鏈接標(biāo)簽：頁(yè)面間鏈接文字內(nèi)

2、容頁(yè)面內(nèi)部：錨標(biāo)記 鏈接文字內(nèi)容marquee滾動(dòng)標(biāo)簽：align設(shè)置對(duì)其方式Bgcolor背景顏色：rgb 英文顏色值Background 背景圖片font設(shè)置指定字體標(biāo)簽l 表格技術(shù)n 表格主要規(guī)范化數(shù)據(jù)顯示（行列格式嚴(yán)謹(jǐn)）n 單元格合并n 表格布局n 表格基礎(chǔ)美化n 涉及表格的相關(guān)標(biāo)簽標(biāo)簽名稱使用方法Table表格開(kāi)始Caption表格標(biāo)題信息Th設(shè)置表頭信息Thead設(shè)置表頭信息Tr行標(biāo)簽Td列標(biāo)簽Colspan列合并Rowspan行合并Border邊線Bordercolor邊線的顏色Width表格寬度Height表格高度Background表格背景Bgcolor表格背景顏色Align

3、表格內(nèi)容對(duì)其方式Cellspacing表格單元格與單元格的間距Cellpadding單元格內(nèi)容與表格的邊線的間距l(xiāng) 表單技術(shù)及框架布局n 表單是用來(lái)收集客戶通過(guò)網(wǎng)頁(yè)填寫的信息n 表單常用標(biāo)簽標(biāo)簽名稱使用方法form表單標(biāo)簽的開(kāi)始，所有表單控件都必須包含在該標(biāo)簽里面text單行文本框password密碼框Radio單選按鈕男女checkbox復(fù)選按鈕htmljavaoracleselect下拉列表框 1 1textarea多行文本編輯框.reset重置按鈕submit提交按鈕button自定義按鈕hidden隱藏表單控件案例：用戶姓名：用戶密碼：最終的傳值效果：/?username=workit&password=&tech=javaeel Css樣式表及div層布局n Css用來(lái)輔助修飾美化網(wǎng)頁(yè)效果n 常見(jiàn)的css樣式u 內(nèi)嵌樣式（僅僅修飾當(dāng)前頁(yè)面內(nèi)容效果）style type=”text/css” 樣式規(guī)則1 樣式規(guī)則nu 行內(nèi)樣式(僅僅修飾指定的一個(gè)元素效果)u 外部樣式(可以通過(guò)一個(gè)專門獨(dú)立的css樣式文件，可以修飾引用了改css的所有網(wǎng)頁(yè)效果)第一步：專門定義css文件：若干個(gè)樣式規(guī)則第二部：需要安裝上述規(guī)則修飾的網(wǎng)頁(yè)需要用如下代碼