我們可以使用 HTML 編輯器來(lái)編輯 HTML:比如 Dreamweaver(DW)和editplus(小紅本 )編輯器雖然好用但還是建議一開始使用文本編輯器來(lái)學(xué)習(xí) HTML,簡(jiǎn)稱記事本(就是創(chuàng)建 一個(gè)txt文本文件)如下圖:
文本文件
通過(guò)記事本,依照以下五步來(lái)創(chuàng)建您的第一張網(wǎng)頁(yè)。
3.在body標(biāo)簽里邊輸入內(nèi)容
4.然后把寫完的代碼保存之后找到文件把txt的后綴名改成.html
上面的頁(yè)面就是代碼的效果圖
下個(gè)文章講解用editplus開發(fā)網(wǎng)頁(yè)
以上就是文章的全部?jī)?nèi)容了,有什么不懂的可以評(píng)論或者私信告訴我,喜歡的話可以點(diǎn)個(gè)贊和關(guān)注,每天持續(xù)更新。
一步,先寫html或jsp頁(yè)面,寫一個(gè)form,enctype設(shè)置為multipart/form-data,寫兩個(gè)input,一個(gè)type為file,一個(gè)type為submit,type的值可以用雙引號(hào),也可不用。詳細(xì)代碼如下:<form action="uploadServlet" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="上傳">
</form>
第二步,在web.xml中設(shè)置servlet和servlet mapping,并在servlet中設(shè)置multipart-config,設(shè)置允許上傳文件的最大長(zhǎng)度,注意單位為字節(jié),樣例中約為10M和20M。
第三步,在servlet中處理文件上傳,使用 request.getPart("file")方法獲取part,再通過(guò)part.getSubmittedFileName獲取上傳文件名,使用part.write方法寫文件到服務(wù)中,注意路徑問題,可以直接使用絕對(duì)路徑。
對(duì)于linux中使用tomcat,可能還需要配置tomcat的servlet.xml中的UMASK="0022",修改前為0027。
以上便是我分享的內(nèi)容,感謝您的閱讀,非常歡迎并期待您在評(píng)論區(qū)留下寶貴的意見和建議。如果你在處理數(shù)據(jù)時(shí)遇到了類似的問題,歡迎隨時(shí)私信我,我將竭誠(chéng)為你提供幫助。同時(shí),如果你對(duì)數(shù)據(jù)處理領(lǐng)域充滿熱情,也歡迎你與我私信交流,期待與你共同探討、學(xué)習(xí)和進(jìn)步,期待與您的每一次交流。
天我們來(lái)學(xué)習(xí)HTML基本格式。
H1 標(biāo)簽定義了一個(gè)文檔的標(biāo)題 ,雖然在瀏覽器里顯示了預(yù)期的效果 ,但它并不是一個(gè)符合規(guī)范的 html 文檔,今天我們就來(lái)定義一個(gè)標(biāo)準(zhǔn)的 html 文檔。
這是一個(gè) html 文檔的基本格式 ,來(lái)深入的剖析一下
<!DOCTYPE html> 這個(gè)標(biāo)簽會(huì)告訴瀏覽器,后面書寫的是HTML5規(guī)范 的語(yǔ)法,瀏覽器會(huì)按照 HTML5 的語(yǔ)法規(guī)范進(jìn)行解析
<html lang='en'> 包裹了整個(gè)頁(yè)面的所有內(nèi)容,有時(shí)被稱為根元素。
<head> 是所有頭部元素的容器,描述了文檔的各種屬性和信息,比如文檔的標(biāo)題,文檔引用的樣式表和JS腳本文件,頁(yè)面元信息等等,絕大多數(shù)文檔頭部包含的數(shù)據(jù),都不會(huì)真正作為內(nèi)容顯示給瀏覽者。
<meta charset="utf-8"> 將文檔應(yīng)該使用的字符集設(shè)置為UTF-8,它包括了書面語(yǔ)言的大多數(shù)字符,基本上可以處理放在頁(yè)面上的任何文本內(nèi)容,它可以幫助你解決頁(yè)面亂碼的問題。
<title> 設(shè)置頁(yè)面的標(biāo)題,也就是出現(xiàn)在瀏覽器標(biāo)簽中的內(nèi)容,它描述頁(yè)面被加入入書簽或收藏時(shí)的標(biāo)題
<body> 它包含了頁(yè)面展示的所有內(nèi)容,比如文字,圖片,視頻,游戲,可播放的音樂等等
一般情況下 一個(gè)符合規(guī)范的 html 文檔 都應(yīng)該使用這個(gè)基本格式
回到編輯器 我們創(chuàng)建一個(gè)文件 名字叫 base.html 我們快速的編寫好 html 基本格式, 在 <body> 標(biāo)簽里寫一個(gè) h1 在里面寫一些內(nèi)容,瀏覽器中打開頁(yè)面正常的顯示了,每個(gè)頁(yè)面都寫這么多東西很麻煩 我們有 vscode。
刪除所有內(nèi)容 在頁(yè)面里只需一個(gè)感嘆號(hào) ,再按一下 tab 鍵 ,html 基本格式自動(dòng)生成了,這時(shí)就可以直接在 body 內(nèi)編寫網(wǎng)頁(yè)內(nèi)容了。
通過(guò)觀察基本結(jié)構(gòu)發(fā)現(xiàn) 標(biāo)簽前面有的有空格 有的沒有空格 這是為什么呢 實(shí)際上 當(dāng)出現(xiàn)標(biāo)簽嵌套的時(shí)候 需要保持一個(gè)固定的縮進(jìn) ,一般采用兩個(gè)或者四個(gè)空格 具體看個(gè)人習(xí)慣和開發(fā)團(tuán)隊(duì)的規(guī)范,為了方便閱讀不推薦混用 。 有些標(biāo)簽嵌套在一起,這就是標(biāo)簽結(jié)構(gòu)嵌套
在一個(gè)標(biāo)簽內(nèi)再次書寫一個(gè)標(biāo)簽 他們之間形成了這樣的包裹關(guān)系 ,別包裹的叫做子標(biāo)簽,包裹的就是父標(biāo)簽。
在父子標(biāo)簽嵌套的時(shí)候子標(biāo)簽整體相對(duì)于父標(biāo)簽多一套縮進(jìn),更加方便閱讀。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。