網(wǎng)頁制作標簽實例_第1頁
網(wǎng)頁制作標簽實例_第2頁
網(wǎng)頁制作標簽實例_第3頁
網(wǎng)頁制作標簽實例_第4頁
網(wǎng)頁制作標簽實例_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

目錄TOC\o"1-5"\h\z、HTML標簽 1（一） title標簽示例 1（二） 標題標簽示例 1（三） 段落p標簽 2（四） 換行標簽示例 3（五） 水平分割線標簽示例 3（六） 超鏈接標簽示例 4（七） 圖像接標簽示例 4（八） 無序列表標簽示例 5（九） 有序列表標簽示例 6（十）定義列表標簽示例 7（十一）表格標簽示例 7（十二）表單標簽示例 8、CSS樣式 12一）CSS基本語法 12一、HTML標簽（一）title標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>title標簽示例</title〉</head><body>title標簽示例</body></html>住ti-Intcx-iiiictExplcF'EX? 血Rft儀1書C總煽買甬勵製網(wǎng)頁設(shè)計與釧FS（程、奏協(xié)QQ日［H丨空till爾遙示01■tilled簽示但（二）標題標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>標題標簽</title></head><body><h1>這是一級標題</h1><h2>這是二級標題</h2><h3>這是三級標題</h3><h4>這是四級標題</h4><h5>這是五級標題</h5><h6>這是六級標題</h6></body></html>、點麗孜件、左:件uzm'jg珂用的審、冋克QqFIQ|W標越標整這是一級標題這是一級標腿這是三級標題這是四級標題這足百銀存趙（三）段落p標簽<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>段落p標簽</title〉</head><body><p>段落元素由p標簽定義。</p><palign="right">這里是段落。</p><palign="center">這里是段落。</p><palign="left">這里是段落。</p><palign="justify">這里是段落。</p></body></html>總段善■捉筌-Inttrnel:Kipltrer |■|二|醫(yī)念③F|趣&便面牧和立件遼嵋凰興捕的郛網(wǎng)臣OQ日色段雄南蓋 匚 件★辜*段穗元素由P標簽定丈*這里是段嶽這里是段嶽這里是段務(wù)這里1段昏（四）換行標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>換行標簽示例</title〉</head><body><h3>鹿柴</h3><p>空山不見人，但聞人語響。<br/>返景入深林，復(fù)照青苔上。<br/></p><h3>八陣圖</h3><p>功蓋三分國，名成八陣圖。</p><p>江流石不轉(zhuǎn)，遺恨失吞吳。</p></body></html>層換行標簽示例-int?...EZHE庖G：G面軟件垃件口<5矗鹿柴空山不見人，但聞人語響。返景人探*木，宣照青苔■上。八陣圖功蓋三分國，名成八陣圖。江濟石不轉(zhuǎn)，遺恨失呑昊。（五）水平分割線標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>水平分割線標簽示例</title></head><body><h3>以下水平線通過hr標簽實現(xiàn)</h3><hr><h3>以下水平線通過CSS實現(xiàn)</h3>

<divstyle="border-top:1px#F00solid;margin-bottom:10px;"></div><divstyle="border-top:5px#F90double;margin-bottom:10px;"></div><divstyle="border-top:9px#93Cdotted;margin-bottom:10px;"></div></body></html>（六）超鏈接標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>超鏈接標簽示例</title〉</head><body><h3>以下是常見的超鏈接類型<巾3><p><ahref="">這里是指向外的部超鏈接文本</8></卩><p><ahref=,,#">這里是指向本頁面的超鏈接文本</a></p><p><ahref="mailto:wufeng1121@126.com">這里是郵件超鏈接文本</8></卩></body></html>（七）圖像接標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>圖像標簽示例</title〉</head><body><h3>圖像標簽示例</h3><p><imgsrc="Burn.png"width="128"height="128"></p><p><ahref="#"><imgsrc="Audio.png"width="128"height="128"border="0"></a></p></body></html>（八）無序列表標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>無序列表標簽示例</title></head><body><h3>無序列表標簽示例</h3><ul><li><ahref="#">公司簡介</a></li><li><ahref="#">公司榮譽</a></li><li><ahref="#">^外合作</a></li><li><ahref=,,#">產(chǎn)品介紹</a></li><li><ahref="#">A才科研</a></li></ul>

</body></html>（九）有序列表標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>有序列表標簽示例</title〉</head><body><h3>有序列表標簽示例</h3><ol><li><a人佗彳="#">亮相底特律克萊斯勒將推200SuperS</a></li><li><ahref=,,#">現(xiàn)款繼續(xù)銷售國產(chǎn)新福克斯3月將上市</a></li><li><ahref="#">±市日期臨近高爾夫藍驅(qū)版諜照再曝光</a></li><li><ahref="#">7.0升動力Mopar改裝道奇Charger將發(fā)布</a></li></ol></body></html>（十）定義列表標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>定義列表標簽示例</title〉</head><body><h3>定義列表標簽示例</h3><dl><dt>HTML</dt><dd>HTML（超文本標簽語言）是一種用于文檔布局和超文本鏈接規(guī)范的語言。</dd><dt>XHTML</dt><dd>從語法方面講，可以說XHTML是更加嚴格更純凈的HTML版本。</dd></dl></body></html>?定敦列表標簽示例-InternetExplorex ］口|冋匾心\桌面軟件'文件az! qEI竊□心無.|w有一后—?~憐★垃*定文列表標簽示例HTMLHTML（超文本標簽語言）是一種用于文檔布局和超文本鋌接規(guī)範的語言.XHTML從語法方面講，可以說蠱HTML是更加嚴格更純凈的HTML版本。（十一）表格標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>表格標簽示例</title〉</head><body><tablewidth="100%"border="3"cellspacing="1"cellpadding="2"><caption>顯卡驅(qū)動程序下載</caption><tr><thscope="col">序號</th><thscope="col">版本</th><thscope="col">下載</th></tr><tr><thscope="row">1</th><td>AMDRadeonHD2000-6000系列顯卡驅(qū)動11.12版ForWinXP-32</td><td><ahref="#"><imgsrc="download.png"width="32"height="32"border="0"></a></td></tr><tr><thscope="row">2</th><td>AMDRadeonHD2000-6000系列顯卡驅(qū)動11.12版ForWinXP-64</td><td><ahref="#"><imgsrc="download.png"width="32"height="32"border="0"></a></td></tr><tr><thscope="row">3</th><td>AMDRadeonHD2000-6000系列顯卡驅(qū)動11.12版ForVista-32/Win7-32</td><td><ahref="#"><imgsrc="download.png"width="32"height="32"border="0"></a></td></tr></table></body></html>（十二）表單標簽示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>表單標簽示例</title〉</head><body><h3>表單標簽示例</h3><formid="ww"name="ff"method="post"action="/example/form_action.asp">姓名：<labelfor="na"></label><inputtype="text"name="name"id="na"size="20"maxlength="40"/><p>性別：<label><inputtype="radio"name="sex"value="M"id="sex_0"/>男</labe卜<label><inputtype="radio"name="sex"value="F"id="sex_1"/>女</labe卜<p>所屬班級：<selectname="degree"id="degree"><optionvalue="1">計算機1301</option><optionvalue="2">計算機1302</option><optionvalue="3">計算機1303</option><optionvalue="4">計算機1304</option></select></p><p><inputtype="submit"name="button_1"id="button_1"value-提交"/><inputtype="reset"name="button"id="button"value='重置"/></p></form></body>綜合實例<htmlxmlns="http：///1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>習題</title〉</head><body><h2style="background:#FC3;”n人基金投資者投資情況調(diào)查問卷<〃2><formid="form1"name="form1"method="post"action=""><p>（1）您選擇投資公募基金的主要原因是：（）</p><p><label><inputtype="radio"name="RadioGroup1"value-單選"id="RadioGroup1_0"/>公募運作管理規(guī)范、信息披露全面，可以方便地查找相關(guān)信息，申購、贖回等均很便利</label><br/><label><inputtype="radio"name="RadioGroup1"value-單選"id="RadioGroup1_1"/>公募基金有比較強大的投研團隊</labe卜<br/><label><inputtype="radio"name="RadioGroup1"value-單選"id="RadioGroup1_2"/>公募基金投資門檻較低，對投資者沒有太多的資質(zhì)及投資金額要求</label></p><p>（2）您選擇投資專戶一對多基金的主要原因是：（）</p><p><label><inputtype="radio"name="RadioGroup2"value-單選"id="RadioGroup2_0"/>專戶一對多基金管理規(guī)范，同公募基金一樣有比較強大的投研團隊，且投資范圍、投資比例較自由</label><br/><label><inputtype="radio"name="RadioGroup2"value-單選"id="RadioGroup2_1"/>專戶一對多產(chǎn)品相對于公募基金有更強的針對性，可以更好地滿足投資者要求</label><br/><label><inputtype="radio"name="RadioGroup2"value="單選"id=,,RadioGroup2_2"/>其他</labe卜</p><p>（3）您希望獲得哪方面的訊息？（多選題）</p><p><label><inputtype="checkbox"name="CheckboxGroup1"value—復(fù)選框"id="CheckboxGroup1_0"/>產(chǎn)品設(shè)計理念</labe卜<br/><label><inputtype="checkbox"name="CheckboxGroup1"value—復(fù)選框"id="CheckboxGroup1_1"/>投資思路</label><br/><label><inputtype="checkbox"name="CheckboxGroup1"value—復(fù)選框"id="CheckboxGroup1_2"/>基金經(jīng)理介紹</labe卜<br/><label><inputtype="checkbox"name="CheckboxGroup1"value—復(fù)選框"id="CheckboxGroup1_3"/>購買渠道</label><br/><label><inputtype="checkbox"name="CheckboxGroup1"value—復(fù)選框"id="CheckboxGroup1_4"/>購買費率</label></p></form><h2style="background:#FC3;">如您希望獲得抽獎機會，請留下如下信息</h2><formid="form2"name="form2"method="post"action=""><p>姓名：<labelfor="textfield"></label><inputtype="text"name="textfield"id="textfield"/></p><p>手機：<labelfor="textfield3"></label><inputtype="text"name="textfield3"id="textfield

溫馨提示

  • 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)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論