1、HTML基本標簽實驗報告

1、 海南軟件職業(yè)技術學院實驗報告姓名：郭敬添學號：04實驗時間：2012-02-20專業(yè)名稱網(wǎng)絡系統(tǒng)管理班級名稱11網(wǎng)絡系統(tǒng)管理301課程名稱Web客戶端技術指導教師白蕾實驗名稱HTML基本標簽實驗目的及要求1使用HTML的基本結構創(chuàng)建網(wǎng)頁2使用行級和塊級標簽組織頁面內容3使用圖像標簽實現(xiàn)圖文并茂的頁面實驗內容描述1基本塊級標簽2常用于布局的塊級標簽3行級標簽實驗方法與步驟1基本塊級標簽1.1代碼！D0CTYPEhtmlPUBLIC-/W3C/DTDXHTML1.0Transitional/EN/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadtitle郭敬添

2、一唐詩二百首/titlebody唐詩二百首/h1h2目錄/h2p第一首;靜夜思/pp第一首；憶江南/pp第三首;長恨歌/phr/h3靜夜思/h3p作者;李白/pp床前明月光，疑是地上霜。舉頭望明月，低頭思故鄉(xiāng)。/ph3【李白簡介】/h3p李白.字太白.號青蓮居十.自稱與李唐皇室同宗.祖籍隴西成紀（今甘肅天水附近），剩余暗喜碎葉（遺址在今庫爾吉斯坦境內的啊克別希姆）。五歲隨父遷居綿漳明縣/p/body/html1.2編輯截圖hr/購物流程ol確認購買信息/li付款到貴美/li確認收貨/li付款給買家/lili雙方評價/li/body/html2.2編輯截圖6789101112131415161t

3、18192021222324252$zt2829行列IfTVL當ot8/oSBfi*-/xy/tmxwwltoiIM4aQntlookslik*IKTRL10Strict2.3調試截圖I)Ml)畫()VMQI)KHLttlffl!DOCTTPBhxmlPUBLIC/W3C/DTDXKTIL1.QTransitional/BN*http:/*_Koetahttp-equiv=CQntent-Type*content=*text/html.charset=itlc郭敬添一常用于貝面布扁的塊皈標簽R品信息h2滬品婁刖筆記本鈿3K電美容aiJR襄聯(lián)Jg電腦產(chǎn)品回號，聯(lián)!SldeapodY45QA-TP

4、U(NBM念版d價格，4999元所左地北京WilWttJIilttflxHTMLValidatorA00ecxoESj0vaxnwgsThevalidatedpagehasnoerrors,nowamnofoundBMHTMLTiihrtihowyourmadMsthilynuhawtakenthecrttcralaaninlaroparabitWebpage,youmayaddIhiticononydsp*ge”耐HtraistheHTMLyoucouldustoaddthisiconIoYDurWibp9ncsi117iOA:fu/ol2.4效果截圖3行級標簽3.1代碼3.2編輯截圖3.3

5、調試截圖3.4效果截圖HTML標簽分為塊級和行級標簽。塊級標簽按“塊顯示，行級標簽按“行逐一顯示基本的塊級標簽包括段落標簽P、標題標簽h1h6、水平線標簽hr/等常用的用于布局的塊級標簽包括無序列表標簽ul、有序列表標簽。1、定義列表標簽dl、分區(qū)標簽div等個人收獲與體會實際應用中，常使用如下四種塊級標簽div-ul(ol)-li:常用于分類導航或菜單等div-dl-dt-dd:常用于圖文混編的場合table-tr-td:常用于圖文布局或顯示數(shù)據(jù)form-table-tr-td:常用于布局表單行級標簽包括圖片標簽img/、范圍標簽span、換行標簽br/等，插入圖片時，要求“src”和“alt”屬性必選，“titl