第三周：

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

(1)解釋名詞

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

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

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

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

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

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

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

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

(1)

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

(2)

顯示在頁(yè)面上的內(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)頁(yè)中有很多不同的數(shù)據(jù)，不同的數(shù)據(jù)需要標(biāo)記不同的顯示效果，這時(shí)候需要使用標(biāo)簽把操作的數(shù)據(jù)包起來(封裝起來)，通過修改標(biāo)簽的屬性值來實(shí)現(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)簽

??

???

..........

--從一到六字體大小依次變小，同時(shí)會(huì)自動(dòng)換行

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

---

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

color：顏色

(3)特殊字符

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

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

1)

2)>????? >

3)空格?? &nbst;

4)&???? &

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

傳智播客

-財(cái)務(wù)部

-學(xué)工部

-人事部

需要如下操作：

:表示列表的范圍，

在dl里面

在dl里面

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

代碼如下：

傳智播客

-財(cái)務(wù)部

-學(xué)工部

-人事部

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

1-財(cái)務(wù)部

2-學(xué)工部

3-人事部

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

:有序列表的范圍

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

(結(jié)果為abc)

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

代碼如下：

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

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

特殊符號(hào)? (方框) 財(cái)務(wù)部；

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

需要使用：

屬性：type ：空心圓 circle，實(shí)心圓 disc

在ul里面

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

-src：圖片的路徑

-width：圖片的寬度

-height：圖片的高度

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

6.路徑的介紹：兩類

(1)相對(duì)路徑：

-C:\Users\hp\.eclipse

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

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

-三種：

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

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

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

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

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

href:連接的資源的地址

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

--_blank:在一個(gè)新窗口打開

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

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

這是一個(gè)超鏈接

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

頂部

回到這個(gè)位置：回到頂部

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

*

：表格范圍

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

*行：

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

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

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

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

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

???? //第一個(gè)單元格??? //第二個(gè)單元格

-border:表示表格線

-bordercolor:表示表格線顏色

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

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

*跨行：rowspan?? 跨列：clospan

-使用方法：

信息

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

--

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

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

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

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

--post：相對(duì)安全

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

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

2.get請(qǐng)求不安全，post相對(duì)安全。

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

*enctype：一般請(qǐng)求下不需要這個(gè)屬性，做文件上傳時(shí)需要。

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

-大部分的輸入項(xiàng)可以使用? ：

-普通輸入項(xiàng)：

-密碼輸入項(xiàng)：

-單選輸入項(xiàng)：選項(xiàng)；

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

單選輸入項(xiàng)：選項(xiàng)選項(xiàng)；

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

-多選輸入項(xiàng)：，其余同單選輸入項(xiàng)

-文件輸入項(xiàng)：文件上傳

下拉輸入項(xiàng)：

1991

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

-文本域：

-隱藏項(xiàng)：

-提交按鈕：

-使用圖片提交：

-重置按鈕：回到初始項(xiàng)；

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

一次小小的測(cè)試：

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

---

密碼：
性別：男女
文件：

還是很成功的。

這周：

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

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

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

學(xué)習(xí)時(shí)間減少了，因?yàn)槭露嗔?#xff0c;要考科一，適當(dāng)?shù)姆潘梢彩遣诲e(cuò)的，可以讓自己的學(xué)習(xí)更快的進(jìn)步，我會(huì)好好利用這個(gè)假期的。

總結(jié)

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

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