本周學(xué)習(xí)內(nèi)容:HTML表格第一章至第四章
? ? ? ? ? ? ? ? ? ? ? ? HTML表單第一章至第四章
注:1.在搭建谷歌搜索界面時瀑晒,簡單方法是將谷歌logo以圖片形式插入维苔,另一種方法是利用CSS盒模型調(diào)節(jié)樣式來展示
? ? ? 2.上周問題圖像和超鏈接,圖片中的路徑描述不準確采郎,在瀏覽器界面無法正常顯示千所,可以采用以下方法解決
找到對應(yīng)文件夾下的圖片---->右擊點擊“屬性”---->“安全”對話框下的對象名稱則為圖片存儲的路徑,復(fù)制后寫在圖像標簽的對應(yīng)位置即可實現(xiàn)
一.HTML表格
大綱
1.表格:①基本組成
? ? ? ? ? ? ? ②帶表頭的表格
? ? ? ? ? ? ? ③帶標題的表格
? ? ? ? ? ? ? ④帶結(jié)構(gòu)的表格
2.表格屬性:①添加行蒜埋、刪除行和列
? ? ? ? ? ? ? ? ? ? ②基本屬性(eg:width淫痰、align、border整份、bgcolor......)
? ? ? ? ? ? ? ? ? ? ③<table>表格屬性
? ? ? ? ? ? ? ? ? ? ④<tr>標簽屬性
? ? ? ? ? ? ? ? ? ? ⑤<thead>待错、<tbody>、<tfoot>標簽屬性
? ? ? ? ? ? ? ? ? ? ⑥跨列屬性colspan
? ? ? ? ? ? ? ? ? ? ⑦跨行屬性rowspan
3.表格嵌套:格式
? ? ? ? ? #嵌入完整的表格結(jié)構(gòu)皂林,放到<td>標簽內(nèi)
? ? ? ? ? #在網(wǎng)頁設(shè)計設(shè)計中盡量少使用表格嵌套和表格的跨行跨列?
? ? ? ? ? #使用表格進行網(wǎng)頁布局時一般不設(shè)置border屬性
二朗鸠、HTML表單
大綱
1.工作原理:訪問一個包含表單的界面,輸入數(shù)據(jù)提交后础倍,瀏覽器將用戶在表單中輸入的數(shù)據(jù)進行打包烛占,發(fā)送給web服務(wù)器,由服務(wù)器接收數(shù)據(jù)并轉(zhuǎn)由程序進行處理
表單頁面提交----->data----->web服務(wù)器----->ASP/PHP
(PHP:超文本預(yù)處理器baike.baidu.com/item/PHP/9337
? ? ASP:動態(tài)服務(wù)器頁面baike.baidu.com/item/asp/128906)
2.表單:①語法
? ? ? ? ? ? ? ②<input>沟启、<select>忆家、<option>、<textarea>德迹、<optgroup>五大標簽及其屬性
? ? ? ? ? ? ? ③單選框芽卿、復(fù)選框以及按鈕的分別實現(xiàn)
? ? ? ? ? ? ? ④下拉菜單和列表標簽(語法、<select>標簽屬性)
? ? ? ? ? ? ? ⑤分組下拉菜單和列表標簽
? ? ? ? ? ? ? ⑥單行文本域與多行文本域的實現(xiàn)
#如果是下拉菜單形式胳搞,就不要設(shè)置size和multiple屬性
#如果是列表形式卸例,則添加size称杨,多項選擇再去選擇multiple屬性
3.注冊信息界面的實現(xiàn)
注:在網(wǎng)頁設(shè)計中筷转,為了美觀姑原,通常不設(shè)置border屬性,不再頁面的內(nèi)容上展示邊線
4.數(shù)據(jù)打包的方式以及數(shù)據(jù)如何處理呜舒,在<form>標簽下進行操作
form標簽及其對應(yīng)屬性值
①action-----URL
action屬性下的值URL相對的或者絕對的URL地址锭汛,執(zhí)行服務(wù)器的一個處理數(shù)據(jù)的一個程序(提交表單時向何處發(fā)送表單數(shù)據(jù))
eg:當設(shè)置了action屬性之后,便在數(shù)據(jù)提交后跳轉(zhuǎn)至對應(yīng)界面
file:///C:/Users/Administrator/Desktop/VScode/action.php?username=123&username=%40123&paw=2222&paw=&file=&sex1=woman&city=%E5%8C%97%E4%BA%AC&city=%E5%8C%97%E4%BA%AC&3=&submit=submit
(袭蝗?后的內(nèi)容就是添加表單時的數(shù)據(jù)值)