網(wǎng)頁(yè)制作標(biāo)簽實(shí)例_第1頁(yè)
網(wǎng)頁(yè)制作標(biāo)簽實(shí)例_第2頁(yè)
網(wǎng)頁(yè)制作標(biāo)簽實(shí)例_第3頁(yè)
網(wǎng)頁(yè)制作標(biāo)簽實(shí)例_第4頁(yè)
網(wǎng)頁(yè)制作標(biāo)簽實(shí)例_第5頁(yè)
已閱讀5頁(yè)，還剩7頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

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

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

溫馨提示

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

評(píng)論

0/150

提交評(píng)論