第三周：

1.html(HyperText Markup Language：超文本標記語言 )：網頁語言。

(1)解釋名詞

a.超文本：超出文本的范疇，使用html可以輕松實現類似使文字帶顏色的操作；

b.標記：html所有的操做都是通過標記實現的，標記就是標簽，；

c.網頁語言：上網的語言

(2)第一個html文件，與Java文件相似以.java結尾，

HTML文件以.html或.htm結尾。

(3)html的規范(遵循)

a.一個html文件開始標簽和結束標簽

b.包含兩部分內容

(1)

設置相關信息

(2)

顯示在頁面上的內容

c.html有開始標簽也要有結束標簽

d.不區分大小寫

e.有些標簽沒有結束標簽，在標簽內結束，如換行：
分行線

---

(4)HTML的操作思想

網頁中有很多不同的數據，不同的數據需要標記不同的顯示效果，這時候需要使用標簽把操作的數據包起來(封裝起來)，通過修改標簽的屬性值來實現0標簽內數據樣式的變化

2.html中常用的標簽

(1)文字標簽與注釋標簽

a.文字標簽：修改文字樣式

-

-屬性：size：文字大小，取值范圍1-7，超出后默認為7

color：文字顏色，兩種表示方式：1)英文單詞

2)使用十六進制數表示：#進制數

b.注釋標簽：

3.標題標簽，水平線標簽和特殊字符

(1)標題標簽

??

???

..........

--從一到六字體大小依次變小，同時會自動換行

(2)水平線標簽

---

--屬性：size:水平線的粗細，取值范圍1-7，超出后默認為7

color：顏色

(3)特殊字符

--想要在網頁上顯示的內容?????? :是網頁的開始；

--需要對特殊字符進行轉義

1)

2)>????? >

3)空格?? &nbst;

4)&???? &

4.列表標簽，比如想要在網頁上顯示如下內容：

傳智播客

-財務部

-學工部

-人事部

需要如下操作：

:表示列表的范圍，

在dl里面

在dl里面

:下層結構

代碼如下：

傳智播客

-財務部

-學工部

-人事部

又如，想在頁面上顯示如下內容：

1-財務部

2-學工部

3-人事部

需要有序列表標簽：

:有序列表的范圍

-屬性?? type設置排序方式

(結果為abc)

-在ol標簽里面具體內容

代碼如下：

1. 財務部
2. 學工部
3. 人事部

又如，想在頁面上顯示如下內容：

特殊符號? (方框) 財務部；

特殊符號? (方框) 學工部；

需要使用：

屬性：type ：空心圓 circle，實心圓 disc

在ul里面

5.圖像標簽：

-src：圖片的路徑

-width：圖片的寬度

-height：圖片的高度

-alt(少)：圖片上顯示的文字，把鼠標移動到圖片上，停留片刻顯示的內容

6.路徑的介紹：兩類

(1)相對路徑：

-C:\Users\hp\.eclipse

-https://www.bilibili.com/video/av20709088/?p=7

(2)絕對路徑：一個文件相對于另外一個文件的位置

-三種：

a.html文件和圖片在一個路徑下的，可以直接寫文件名稱

b.html文件在在圖片的上層，寫出相對路徑

c.html文件和圖片在的下層，使用?? ../圖片名稱

7.超鏈接標簽：

(1)連接資源：顯示在頁面上的內容

href:連接的資源的地址

target：設置打開的方式，默認是在當前頁打開

--_blank:在一個新窗口打開

--_self:在當前頁打開

-當超鏈接不需要到任何的地址，在href里面加#

這是一個超鏈接

(2)定位資源：如果想要定位資源，定義一個位置

頂部

回到這個位置：回到頂部

8.表格標簽：可以對數據進行格式化，是數據顯示更加清晰

*

：表格范圍

設置對齊方式：align:left(居左)，right(居右)，center(居中)

*行：

? //第一行，tr表示單元格；

th也表示單元格：多了加粗和居中

? //第二行? //第三行

在tr里面：也可以設置對齊方式：align:left(居左)，right(居右)，center(居中)

*單元格：存在于行(tr)中，

???? //第一個單元格??? //第二個單元格

-border:表示表格線

-bordercolor:表示表格線顏色

-sellspacing:表示表格與表格之間的間隙

*表格的標題：

*跨行：rowspan?? 跨列：clospan

-使用方法：

信息

9***.表單標簽：可以提交數據到一定網站的服務器，這個過程可以使用表單標簽實現

--

:定義表單標簽的范圍

--action：提交到地址(默認為當前頁面)，

??? --method：表單提交方式，常用有兩種：get和post，默認為get請求

--get：不安全，泄露信息

--post：相對安全

**get和post的區別：

1.get請求地址欄會攜帶提交的數據，post不會攜帶(請求體里面)

2.get請求不安全，post相對安全。

3.get請求有數據大小的限制，post理論上沒有限制。

*enctype：一般請求下不需要這個屬性，做文件上傳時需要。

--輸入項：可以輸入內容或者選擇內容的部分

-大部分的輸入項可以使用? ：

-普通輸入項：

-密碼輸入項：

-單選輸入項：選項；

*寫單選輸入項時，要寫一個name項，且name值需一樣，必須加value值以區分各個選項；

單選輸入項：選項選項；

默認選中的信息：checked ="cheked"

-多選輸入項：，其余同單選輸入項

-文件輸入項：文件上傳

下拉輸入項：

1991

-默認選擇項：slected

-文本域：

-隱藏項：

-提交按鈕：

-使用圖片提交：

-重置按鈕：回到初始項；

-普通按鈕(和js一起使用)：

一次小小的測試：

html示例手機號碼：

---

密碼：
性別：男女
文件：

還是很成功的。

這周：

(1)本周，學習Javaweb打代碼的時間大概有十個小時吧，解決問題用了大概兩三個小時。

(2)下周去練車，去游泳，學習。

(3)漸漸熟練用eclipse創建并完成Java及Javaweb的小項目。

學習時間減少了，因為事多了，要考科一，適當的放松也是不錯的，可以讓自己的學習更快的進步，我會好好利用這個假期的。

總結

以上是生活随笔為你收集整理的java web开发周志_javaweb学习笔记及周报告的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。