Web前端開發(fā)（HTML5+CSS3+JavaScript） 實驗1 格式化文檔_第1頁
Web前端開發(fā)（HTML5+CSS3+JavaScript） 實驗1 格式化文檔_第2頁
Web前端開發(fā)（HTML5+CSS3+JavaScript） 實驗1 格式化文檔_第3頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

2/6XXX學(xué)院實驗報告成績專業(yè)班級實驗日期姓名學(xué)號實驗名稱格式化文檔指導(dǎo)教師（報告內(nèi)容包括實驗?zāi)康摹嶒炘O(shè)備及器材、實驗步驟、程序框圖、代碼、運行結(jié)果、實驗小結(jié)等）實驗要求按給出的素材，實現(xiàn)圖1.1所示的效果，具體要求如下：標(biāo)題：使用標(biāo)題3，文本居中；段落文本：顏色使用#999，文本居中；段落文本：其中,“2023”為粗體，6號大小；“1158萬”為紅色、6號，其中“萬”字為上標(biāo)；圖片和段落：文字環(huán)繞圖片；單擊圖片在新窗口打開圖片,鼠標(biāo)懸停在圖片時，顯示提示信息：“在新窗口打開圖片”；段落中所有括號內(nèi)的文本使用紅色，其他文本顏色為#666。圖1.1文檔排版效果2.選做：按給出的素材，實現(xiàn)如圖1.2所示的效果，具體要求如下：（1）使用無序列表。（2）列表項中的內(nèi)容依次為：1.圖片：寬度為100px；2.段落:商品名稱加粗；3.段落：其中“原價...”的內(nèi)容為灰色并加刪除線；“當(dāng)前價”的內(nèi)容為紅色、加粗。（3）單擊圖片時在新窗口打開原圖。圖1.2商品列表效果二、實驗?zāi)康?.掌握開發(fā)環(huán)境的使用2.熟悉文本格式化標(biāo)記、標(biāo)題、段落、圖片和字體等標(biāo)記使用。3.熟悉列表和超鏈接的使用。三、實驗設(shè)備Windows7/10、32/64操作系統(tǒng);安裝VSCode開發(fā)環(huán)境;安裝FireFox/Chrome瀏覽器的計算機。四、實驗步驟1.打開VScode，新建html文件；2.編寫代碼；3.在瀏覽器運行、調(diào)試。五、程序框架無六、代碼(粘帖至此

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論