版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
Web界面開發(fā)
HTML第一課
大綱Web應(yīng)用展示
瀏覽器HTML組成
常用開發(fā)工具
標(biāo)簽學(xué)習(xí)時可參考站點(diǎn):Web應(yīng)用Web應(yīng)用web界面中的三大組成元素HTML 界面的內(nèi)容CSS 修飾顯示效果JavaScript 實現(xiàn)交互(與用戶或服務(wù)器)瀏覽器游覽器是一個安裝在計算機(jī)上的應(yīng)用軟件作用是把HTML源文件翻譯成界面美觀的網(wǎng)頁HTML中可以嵌入JS腳本語言,游覽器也可以解釋執(zhí)行,游覽器中包括有JS腳本語言的解釋器瀏覽器種類InternetExplorer
NetscapeNavigatorOperaFirefoxUCWebChromeHTMLHyperTextMarkupLanguageHTML開發(fā)工具
常用的開發(fā)工具有: Dreamweaver Editplus Eclipse/MyEclipse Netbeans
HTML源文件組成標(biāo)簽大多需要成對出現(xiàn)屬性和屬性值子節(jié)點(diǎn)doctypeDOCTYPE聲明<!DOCTYPEhtmlPUBliC"-//W3C//DTDXHTML1.0Transitional//EN""">加在頁面最頂端。是必須的!否則會引起樣式等功能的部分失效!參考:標(biāo)簽標(biāo)簽的語法(1)所有標(biāo)簽都放在一對“<>”中,開始標(biāo)記<標(biāo)記名>,結(jié)束標(biāo)記</標(biāo)記名>(2)雙標(biāo)簽<html>內(nèi)容</html>(3)單標(biāo)簽<br><hr><img><input><meta><link>(4)可省略標(biāo)簽<p>…..<p>標(biāo)簽的屬性語法:<bodybgcolor=“red”></body>meta標(biāo)簽
3-1meta標(biāo)簽是一個特殊的HTML標(biāo)簽,提供有關(guān)網(wǎng)頁的信息,如作者姓名、公司名稱和聯(lián)系信息等許多搜索引擎都使用META標(biāo)簽信息例如,要將GrahamBrowne指定為作者,則使用以下meta標(biāo)簽:<metaname=“作者"content="GrahamBrowne“/>meta標(biāo)簽3-2http-equiv屬性可用來代替meta標(biāo)簽中的name屬性<metahttp-equiv="expires"content="Wed,26Feb1997GMT“/>
表示有效期:格林尼治標(biāo)準(zhǔn)時間2005年9月12日,星期一14:25:27屬性值:具體的過期時間屬性名稱:網(wǎng)頁過期meta標(biāo)簽3-3<metahttp-equiv="refresh"content=“2”/>2秒后,頁面自動跳轉(zhuǎn)到百度主頁<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>指定頁面的文檔類型,及使用的字符集body中的簡單標(biāo)簽h1~h5設(shè)置段落標(biāo)題
pre
預(yù)格式化文本u
下劃線
b
黑體
i
斜體字em
強(qiáng)調(diào)
sup上標(biāo)sub下標(biāo)p創(chuàng)建一個段落br換行hr水平線font字體img圖像embedflash,mp3,mid對象center居中標(biāo)簽插入特殊字符2-1某些字符在HTML中具有特殊意義,如小于號(<)定義HTML標(biāo)簽的開始字符實體用于在HTML文檔中插入特殊字符,如版權(quán)號,注冊商標(biāo)等插入特殊字符需要用HTML字符實體>??
空格
"插入特殊字符2-2特殊字符字符實體大于號(>)>小于號(<)< 引號(“)"?®?
©&號& 空格 body中的復(fù)雜標(biāo)簽marquee滾動ol創(chuàng)建一個有序列表li創(chuàng)建列表項ul創(chuàng)建一個無序的列表a鏈接mailtotabletrtd表格行列framesetframe框架集框架iframeforminputselecttextarea表單表單元素滾動標(biāo)簽marquee<marqueescrolldelay=“100”direction=“up">
滾動文字或圖像</marquee>滾動延遲時間滾動對象的方向說明:scrolldelay:表示滾動延遲時間,默認(rèn)值為90。direction:表示滾動的方向,默認(rèn)從右向左。列表標(biāo)簽ol,ul和列表項li<H4>注冊步驟:</H4><ol
type="1"><li>填寫信息</li><li>收電子郵件</li><li>注冊成功</li></ol>
新人上路指南
<ultype="circle"><li>如何激活會員名?</li><li>如何注冊淘寶會員?</li><li>注冊時密碼設(shè)置有什么要求?</li><li>支付寶認(rèn)證</li></ul>創(chuàng)建超級鏈接<html><head><title>Hello</title></head><body><h1>會彈琴的狗狗</h1><ahref=“dog.htm”>單擊此處查看</a></body></html>
溫馨提示
- 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)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 零售業(yè)員工激勵與績效評估考核試卷
- 期貨市場操作風(fēng)險控制服務(wù)考核試卷
- 鄉(xiāng)村旅游行業(yè)概述
- 鄉(xiāng)村旅游短視頻平臺用戶特征分析
- 高分子材料的抗紫外線性能考核試卷
- 期末考模擬預(yù)測卷01-七年級道德與法治下冊(統(tǒng)編版)(解析版)
- 電子出版物批發(fā)商的跨平臺營銷策略考核試卷
- 金屬包裝容器產(chǎn)業(yè)鏈分析考核試卷
- 鐵路通信信號系統(tǒng)優(yōu)化考核試卷
- 中南置地營銷2020年度激勵評優(yōu)方案2020年度
- 2024-2030年新疆保險業(yè)市場深度評估與前景研究研究報告
- 大洲和大洋 2024-2025學(xué)年七年級地理上冊同步課件(人教版2024)
- 第二單元測試卷(單元測試)-2024-2025學(xué)年六年級上冊統(tǒng)編版語文
- 2024秋人教版八年級上冊物理教師教學(xué)用書各章節(jié)課程標(biāo)準(zhǔn)要求和教學(xué)目標(biāo)
- 主體結(jié)構(gòu)工程施工單選題100道及答案
- 統(tǒng)編版2024新版七年級上冊道德與法治10.1《愛護(hù)身體》教學(xué)設(shè)計
- 2025屆新高考語文熱點(diǎn)沖刺復(fù)習(xí):語句補(bǔ)寫
- 第四屆全國供銷合作總社職業(yè)技能競賽(茶葉加工工)理論試題庫(含答案)
- 2024版專升本宣講課件完整版
- 一學(xué)年校本課程設(shè)計
- 2022(花城版)一年級音樂上冊《第10課感知音的高低》教學(xué)設(shè)計
評論
0/150
提交評論