第三周：

1.html(HyperText Markup Language：超文本標(biāo)記語言 )：網(wǎng)頁語言。

(1)解釋名詞

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

b.標(biāo)記：html所有的操做都是通過標(biāo)記實現(xiàn)的，標(biāo)記就是標(biāo)簽，；

c.網(wǎng)頁語言：上網(wǎng)的語言

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

HTML文件以.html或.htm結(jié)尾。

(3)html的規(guī)范(遵循)

a.一個html文件開始標(biāo)簽和結(jié)束標(biāo)簽

b.包含兩部分內(nèi)容

(1)

設(shè)置相關(guān)信息

(2)

顯示在頁面上的內(nèi)容

c.html有開始標(biāo)簽也要有結(jié)束標(biāo)簽

d.不區(qū)分大小寫

e.有些標(biāo)簽沒有結(jié)束標(biāo)簽，在標(biāo)簽內(nèi)結(jié)束，如換行：
分行線

---

(4)HTML的操作思想

網(wǎng)頁中有很多不同的數(shù)據(jù)，不同的數(shù)據(jù)需要標(biāo)記不同的顯示效果，這時候需要使用標(biāo)簽把操作的數(shù)據(jù)包起來(封裝起來)，通過修改標(biāo)簽的屬性值來實現(xiàn)0標(biāo)簽內(nèi)數(shù)據(jù)樣式的變化

2.html中常用的標(biāo)簽

(1)文字標(biāo)簽與注釋標(biāo)簽

a.文字標(biāo)簽：修改文字樣式

-

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

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

2)使用十六進(jìn)制數(shù)表示：#進(jìn)制數(shù)

b.注釋標(biāo)簽：

3.標(biāo)題標(biāo)簽，水平線標(biāo)簽和特殊字符

(1)標(biāo)題標(biāo)簽

??

???

..........

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

(2)水平線標(biāo)簽

---

--屬性：size:水平線的粗細(xì)，取值范圍1-7，超出后默認(rèn)為7

color：顏色

(3)特殊字符

--想要在網(wǎng)頁上顯示的內(nèi)容?????? :是網(wǎng)頁的開始；

--需要對特殊字符進(jìn)行轉(zhuǎn)義

1)

2)>????? >

3)空格?? &nbst;

4)&???? &

4.列表標(biāo)簽，比如想要在網(wǎng)頁上顯示如下內(nèi)容：

傳智播客

-財務(wù)部

-學(xué)工部

-人事部

需要如下操作：

:表示列表的范圍，

在dl里面

在dl里面

:下層結(jié)構(gòu)

代碼如下：

傳智播客

-財務(wù)部

-學(xué)工部

-人事部

又如，想在頁面上顯示如下內(nèi)容：

1-財務(wù)部

2-學(xué)工部

3-人事部

需要有序列表標(biāo)簽：

:有序列表的范圍

-屬性?? type設(shè)置排序方式

(結(jié)果為abc)

-在ol標(biāo)簽里面具體內(nèi)容

代碼如下：

1. 財務(wù)部
2. 學(xué)工部
3. 人事部

又如，想在頁面上顯示如下內(nèi)容：

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

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

需要使用：

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

在ul里面

5.圖像標(biāo)簽：

-src：圖片的路徑

-width：圖片的寬度

-height：圖片的高度

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

6.路徑的介紹：兩類

(1)相對路徑：

-C:\Users\hp\.eclipse

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

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

-三種：

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

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

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

7.超鏈接標(biāo)簽：

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

href:連接的資源的地址

target：設(shè)置打開的方式，默認(rèn)是在當(dāng)前頁打開

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

--_self:在當(dāng)前頁打開

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

這是一個超鏈接

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

頂部

回到這個位置：回到頂部

8.表格標(biāo)簽：可以對數(shù)據(jù)進(jìn)行格式化，是數(shù)據(jù)顯示更加清晰

*

：表格范圍

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

*行：

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

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

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

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

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

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

-border:表示表格線

-bordercolor:表示表格線顏色

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

*表格的標(biāo)題：

*跨行：rowspan?? 跨列：clospan

-使用方法：

信息

9***.表單標(biāo)簽：可以提交數(shù)據(jù)到一定網(wǎng)站的服務(wù)器，這個過程可以使用表單標(biāo)簽實現(xiàn)

--

:定義表單標(biāo)簽的范圍

--action：提交到地址(默認(rèn)為當(dāng)前頁面)，

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

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

--post：相對安全

**get和post的區(qū)別：

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

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

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

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

--輸入項：可以輸入內(nèi)容或者選擇內(nèi)容的部分

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

-普通輸入項：

-密碼輸入項：

-單選輸入項：選項；

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

單選輸入項：選項選項；

默認(rèn)選中的信息：checked ="cheked"

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

-文件輸入項：文件上傳

下拉輸入項：

1991

-默認(rèn)選擇項：slected

-文本域：

-隱藏項：

-提交按鈕：

-使用圖片提交：

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

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

一次小小的測試：

html示例手機(jī)號碼：

---

密碼：
性別：男女
文件：

還是很成功的。

這周：

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

(2)下周去練車，去游泳，學(xué)習(xí)。

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

學(xué)習(xí)時間減少了，因為事多了，要考科一，適當(dāng)?shù)姆潘梢彩遣诲e的，可以讓自己的學(xué)習(xí)更快的進(jìn)步，我會好好利用這個假期的。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。