




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領
文檔簡介
信技息術(shù)九年級上第二章動手創(chuàng)建自己的網(wǎng)站第四節(jié)認識標記語言HTML(粵教版B版)想想一為搭建好班級網(wǎng)站,李鳴搜索并下載了許多有關編寫網(wǎng)頁的資料,有資料說可通過插入HTML代碼來實現(xiàn)網(wǎng)頁要呈現(xiàn)的效果。李鳴不明就里,把這些資料里提供的代碼像編輯文字一樣輸入網(wǎng)頁中,可什么變化也沒有,為何?思考
標學目習(2)HTML的基本結(jié)構(gòu)是什么?(1)什么是HTML?欄目首頁一、網(wǎng)頁的廬山真面目內(nèi)容頁HTML簡介
*
HTML即“超文本標記語言”。HTML是創(chuàng)建網(wǎng)頁的基礎語言,也是創(chuàng)建網(wǎng)頁的標準語言。*HTML代碼是用來規(guī)定文字、圖片等信息在網(wǎng)頁中的顯示方式。HTML打開Frontpage二、認識HTML文檔結(jié)構(gòu)<html>
</html><head></head><title>網(wǎng)頁標題</title><body>網(wǎng)頁主體內(nèi)容</body>網(wǎng)頁開始和結(jié)束標記HTML1、啟動FrontPage,打開“插入文字.htm”二、認識HTML文檔結(jié)構(gòu)
網(wǎng)頁標題網(wǎng)頁顯示的內(nèi)容HTML2、單擊標簽按鈕“HTML,查看對應源代碼二、認識HTML文檔結(jié)構(gòu)
<html><head><title>輸入文字</title></head><body><p>祝賀李肖同學獲校形象大賽一等獎!</p></body></html>網(wǎng)頁標題網(wǎng)頁顯示的內(nèi)容英漢對照提示頭部head標題litie身體、主要部分body通過觀察這段源代碼,你發(fā)現(xiàn)了什么?二、認識HTML文檔結(jié)構(gòu)<html><head><title>輸入文字</title></head><body><p>祝賀李肖同學獲校形象大賽一等獎!</p></body></html>通過觀察這段源代碼,你發(fā)現(xiàn)了什么?二、認識HTML文檔結(jié)構(gòu)
在源代碼中,我們看到有一些由“<>”括起來的字符串,如<title>、</title>、<body>、</body>等,這些就是HTML標記。每個HTML標記代表著一些特定的含義。
HTML標記分單標記和雙標記兩種。雙標記是以開始標簽開始,以結(jié)束標簽結(jié)束,結(jié)束標簽比開始標簽多一個斜杠“/”。如<p>和</p>是段落標記,用于區(qū)分段落。單標記只有開始標記,沒有結(jié)束標記。如<br>是換行標記HTML文本設置1,網(wǎng)頁背景顏色:
<bodybgcolor="chocolate">;2,字體大小顏色:<spanstyle="font-size:50px;color:black;">
</span>3,字體加粗:<b></b>4,換行:
<p></p>二、認識HTML文檔結(jié)構(gòu)計算機用FrontPage打開“插入圖像.htm”,并檢查對應源代碼。<html><head><title>插入圖像</title></head><body><p><imgborder="0"src="HTML.jpg"width="431"height="304"></p></body></html>網(wǎng)頁標題,放在<title>和</title>之間網(wǎng)頁顯示的內(nèi)容,放在<body>和</body>之間二、認識HTML文檔結(jié)構(gòu)計算機<imgsrc=“圖片名稱.jpg"width="280"heigh="100"/>插圖開始標記圖片地址圖片寬度圖片高度二、認識HTML文檔結(jié)構(gòu)計算機用FrontPage打開“插入表格.htm”,并檢查對應源代碼。二、認識HTML文檔結(jié)構(gòu)計算機二、認識HTML文檔結(jié)構(gòu)<html><head><title>插入表格</title></head><body><tableborder="1"width="47%"id="table1"><tr><tdwidth=“148”>班級相冊</td><td>width=“50%”才藝展示</td></tr></table></body></html>網(wǎng)頁標題,放在<title>和</title>之間<table>標記用來定義表格<tr>標記用來定義表格的行<td>標記用來定義表格的列第一行第一列第一行第二列
課堂練習做做一1、()是用來描述網(wǎng)頁的一種超文本標記語言。2、HTML標記分()和()兩種。3、網(wǎng)頁標題,放在()和()之間4、網(wǎng)頁顯示的內(nèi)容,放在()和()之間HTML單標記雙標記<title></title><body></body>
課堂練習做做一2、其實網(wǎng)頁文件是純文本格式的文件,我們可以用任何一個能編輯文本的軟件打開和編輯網(wǎng)頁。那么以下()軟件不能用來編輯網(wǎng)頁文件的HTML代碼。A、WordB、記事本C、DreamweaverD、畫圖D
課堂練習做做一4、在網(wǎng)頁源代碼中,HTML標記分為單標記和雙標記兩種。其中,HTML雙標記是由開始標簽和結(jié)束標簽組成的。那么,以下能正確表示一個雙標記的選項是()A、(body)和(/body)B、<body>和</body>
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 耳聞眼見未必實
- 2025年中國SAP測試服務行業(yè)發(fā)展監(jiān)測及投資戰(zhàn)略研究報告
- 別催沒什么大不了
- 愛在夜空八千米
- 2025年木制水果罐行業(yè)深度研究分析報告
- 貨車運貨合同范本
- 指向環(huán)保意識培養(yǎng)的初中化學課外實踐活動設計與實施
- 基于學科大概念的高中英語大單元教學設計研究
- 舞臺設備招標合同范本
- 貨物延期合同范本
- 布洛維:拓展個案法
- 美麗鄉(xiāng)村規(guī)劃設計技術(shù)導則
- SolidWorksTopDown設計方法實際應用
- 七年級歷史第5課--安史之亂與唐朝衰亡ppt課件
- 戶外LED顯示屏設計施工方案.docx
- 上崗證WORD模板
- 凈土資糧——信愿行(05)第三講安住在彌陀大愿之海
- 化工車間開停車風險分析
- 市政小三線施工方案(共22頁)
- 靜壓樁機、鉆孔灌注樁、沉槽機CAD圖形
- 易經(jīng)(拼音版)
評論
0/150
提交評論