web應(yīng)用開(kāi)發(fā)-資料下載頁(yè)
2025-07-17 19:03本頁(yè)面
【正文】 ily:宋體 。fontsize:12pt。color:blue} /style /head body h1在這里使用了 H1標(biāo)記 /h1 /body 一個(gè)樣式可以在一個(gè)頁(yè)面多次應(yīng)用。 外部樣式 head link rel=stylesheet href= type=text/css /head bodyh1在這里使用了 H1標(biāo)記 /h1/body h1 {fontfamily:宋體 。fontsize:12pt。color:blue} 需要有一個(gè)外部的樣式表文件 (.css)，可以為多個(gè)網(wǎng)頁(yè)所共同引用，即減少代碼，又可以做到統(tǒng)一頁(yè)面風(fēng)格。 Web應(yīng)用開(kāi)發(fā) ?css語(yǔ)句格式如下： ? selector {property: value} (選擇符 {屬性：值 }) ? 選擇符的作用：限制樣式作用的范圍 p {fontsize:15} – 當(dāng)屬性的值是多個(gè)單詞組成時(shí)，必須在值上加引號(hào) h1 {fontfamily: Courier New} – 如果需要對(duì)一個(gè)選擇符指定多個(gè)屬性時(shí)，使用分號(hào)隔開(kāi) 。 p {fontsize:15。color:red} ? 選擇符主要包括： – html選擇符 – class選擇符 – id選擇符 Web應(yīng)用開(kāi)發(fā) 例： HTML HEAD STYLE type=text/css ! BODY{fontfamily:隸書(shū) 。fontsize:20pt。color:orange} /STYLE TITLEcss實(shí)例 /TITLE /HEAD BODY P align=centerCSS基礎(chǔ) /P P align=center定義 HTML標(biāo)記樣式表 /P /BODY /HTML Web應(yīng)用開(kāi)發(fā) 圖 使用 HTML標(biāo)記定義樣式表 Web應(yīng)用開(kāi)發(fā) 例： HTML HEAD TITLEid方法與 class方法的使用與區(qū)別！ /TITLE STYLE type=text/css ! .classstyle{fontfamily:黑體 。 fontsize:14pt。 color:blue} idstyle{fontfamily:隸書(shū) 。 fontsize:20pt。 color:green} /STYLE /HEAD BODY P class=classstyle align=center使用 class方法定義 P/P CENTERFONT id=idstyle使用 id方法定義 FONT！ /FONT /BODY /HTML 詳細(xì)區(qū)別： Web應(yīng)用開(kāi)發(fā) 圖 id和 class的使用和區(qū)別 Web應(yīng)用開(kāi)發(fā) 實(shí)驗(yàn) 試驗(yàn)一、完成個(gè)人主頁(yè)（靜態(tài)網(wǎng)頁(yè)）（必做） ? 完成這個(gè)實(shí)驗(yàn)，你需要學(xué)習(xí)： ? HTML/XHTML (+CSS) ? ? 實(shí)驗(yàn)要求：有圖片，有幾個(gè)按鍵，然后點(diǎn)按鍵了就會(huì)換一個(gè)界面。介紹下自己什么就夠了。 ? 驗(yàn)收方式： ? 新建一個(gè) txt文件文件命名為 PBxxxxx張三 靜態(tài)網(wǎng)頁(yè)， txt文件內(nèi)容如下： ? 姓名：王 ** 學(xué)號(hào)： PB07210001 個(gè)人主頁(yè)網(wǎng)： ? 將該 txt文件上傳到 賬號(hào)： nhpcc 密碼 nhpcc409 ? ? 2. 上傳個(gè)人主頁(yè)請(qǐng)創(chuàng)建目錄 public_html, 主頁(yè)的第一個(gè)文件是 ? 3. 別人訪問(wèn)您的主頁(yè)時(shí) , 地址是 其中 YourID是您的登錄名 ? 4. 用戶(hù)的帳號(hào)和密碼取自郵件服務(wù)器 , 因此修改密碼請(qǐng)?jiān)卩]件服務(wù)器上進(jìn)行 . 修改密碼后大約 1個(gè)小時(shí) , 本系統(tǒng)會(huì)進(jìn)行同步 . ? 如有問(wèn)題可聯(lián)系： Web應(yīng)用開(kāi)發(fā) 實(shí)驗(yàn) 實(shí)驗(yàn)二： 安裝并運(yùn)行 Tomcat服務(wù)器 ? Tomcat的下載地址 : ? 安裝步驟 : ? 首先安裝 JDK。 ? 接下來(lái)，解壓 Tomcat壓縮文件 。解壓 Tomcat的壓縮文件的過(guò)程就相當(dāng)于安裝的過(guò)程。假定解壓至 C:\tomcat目錄。 ? 然后設(shè)定兩個(gè)環(huán)境變量： JAVA_HOME，它是 JDK的安裝目錄； CATALINA_HOME，它是 Tomcat的安裝目錄 。 ? 啟動(dòng)命令 : ? CATALINA_HOME\bin\ ? 關(guān)閉命令 : ? CATALINA_HOME\bin\ ? 訪問(wèn)主頁(yè) : ? ? 將實(shí)驗(yàn)一的 html部署到 tomcat上 使用瀏覽器進(jìn)行瀏覽
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1