JavaWeb01 HTML篇筆記(二)

2021-08-19 19:54:16 字數 1165 閱讀 2038

1.1 案例二:**頁面顯示:

1.1.1 需求:

在乙個頁面中往往**並茂.想在html中引入乙個如何處理?

效果如下:

1.1.2 分析:

1.1.2.1 技術分析:

【html的標籤】

* width :的寬度.

* height:的高度.

* alt :找不到顯示的內容.

的引入的路徑問題:

* 路徑:相對路徑.

* 如果引入的和html檔案在同一級路徑。

* 直接寫檔名或者./檔名

*1.1.2.2 步驟分析:

【步驟一】建立乙個html的文件

【步驟二】引入兩張顯示到頁面

1.1.3 **實現:

1.2 案例三:**列表頁面的顯示

1.2.1 需求:

1.2.2 分析:

1.2.2.1 技術分析:

【html的列表標籤】

l 有序列表

l 無序列表

【html的超連結標籤】

* href :鏈結的路徑

* target :開啟的方式

* _self :在自身頁面開啟

* _blank :新開啟乙個視窗

1.2.2.2 步驟分析:

【步驟一】建立乙個html的文件

【步驟二】建立乙個無序列表

【步驟三】在無序列表中新增超連結標籤.

1.2.3 **實現:

1.2.4 總結:

* type屬性

* disc :實心點.

* circle :空心圓

* square :方塊.

有序列表的屬性:

* type屬性:

* 1 :數字型別

* a :英文型別

* i :羅馬字元

* start屬性:從哪開始

超連結的target屬性:

* _self

* _blank

* _parent

JavaWeb04 HTML篇筆記(四)

1.1 案例四 使用jquery完成省市二級聯動 1.1.1 需求 在註冊頁面上籍貫的資訊,需要用到省市聯動效果.1.1.2 分析 1.1.2.1 技術分析 jquery的dom操作 常用的方法 remove 將某個元素移除.jquery的遍歷 遍歷的方式一 each objects,functio...

JavaWeb04 HTML篇筆記(五)

1.1 案例五 下拉列表的左右選擇 1.1.1 需求 在分類的修改的頁面中,有某個分類下的所屬的商品的資訊.可以對這些商品資訊進行選擇.1.1.2 分析 1.1.2.1 技術分析 jquery的選擇器 1.1.3 實現 傳統的js的方式進行實現 window.nl ad function 全部到右側...

JavaWeb07 HTML篇筆記(四)

1.1 案例三 手動抽取乙個dbutils的工具類 1.1.1 需求 每次進行jdbc的curd的操作的時候,有很多的 都是相似的.可以不可以抽取工具類.完成一些通用性的 1.1.2 分析 1.1.2.1 技術分析 jdbc的元資料matadata 了解 編寫通用性較高的 databasemetad...