前端-語法手冊html培訓(xùn)一_第1頁
前端-語法手冊html培訓(xùn)一_第2頁
前端-語法手冊html培訓(xùn)一_第3頁
前端-語法手冊html培訓(xùn)一_第4頁
前端-語法手冊html培訓(xùn)一_第5頁
免費(fèi)預(yù)覽已結(jié)束，剩余56頁可下載查看

付費(fèi)下載

下載本文檔

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

文檔簡介

語義化的web頁面HTMLstandsforHyperTextMarkupLanguageAnHTMLfileisatextfilecontainingsmallmarkuptagsThemarkuptagstelltheWebbrowserhowtodisplaythepageAnHTMLfilemusthaveanhtmorhtmlfileextensionAnHTMLfilecanbecreatedusingasimpletexteditor

<html><head><title>web頁面</title></head><body>example</body></html>UserAgentSpiderdeveloperjscssHtmlStructurePresentationBehavior<html><head><metahttp-equiv="content-type"content="text/html;charset=UTF-8"><title>Google</title><style>body,td,a,p,.h{font-family:arial,sans-serif}.h{font-size:20px}.h{color:#3366cc}.q{color:#00c}.tstd{padding:0}.ts{border-collapse:collapse}.lnc:link,.lnc:visited{color:#00c}.pgtab,.pgtab:hover,.pgtabselected,.pgtabside{text-align:center;text-decoration:none;color:#00c;display:block;height:27px;float:left;overflow:hidden;background:url(/intl/ja/images/productlinktabs.png)no-repeat;padding-top:8px}.pgtab{width:130px;background-position:-274px0}.pgtab:hover{width:130px;background-position:-144px0}.pgtabselected{width:144px}.pgtabside{width:3px;background-position:-404px0}.iconl{overflow:hidden;height:px;width:px;position:relative}#gbar{height:22px;padding-left:2px}.gbh,.gbd{border-top:1pxsolid#c9d7f1;font元素（element）標(biāo)簽（tag）屬性（attribute）塊級元素（block-levelbox）行內(nèi)元素(inline-levelbox)divspanidclass在xhtml中，<html>,<head>和<body>都是必須的標(biāo)簽。必須設(shè)置<html>標(biāo)簽的xmlns屬性，且其值為所有元素都必須結(jié)束。所有標(biāo)簽都必須小寫。任何屬性值必須用單引號/雙引號引起來。所有屬性必須有值?！?”符號必須編碼。&&<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"""><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ourtitle</title></head><body> ourcontent</body></html><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""">doctype申明將指示使用哪一類的文檔定義類型（DocumentTypeDefinition,DTD）。其中xhtml1.0一共有三種可用的doctype。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"""><htmlxmlns=""><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN"""><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ourtitle</title></head><body> ourcontent</body></html><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ourtitle</title><linkrel="shortcuticon"href=“favicon.ico"type="image/x-icon"/><linkrel="stylesheet“href=“index.css"type="text/css"media="screen"/></head><body> ourcontent</body><scripttype=“text/javascript”src=“script.js”></script></html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>ourtitle</title></head>title是<head>標(biāo)簽中唯一的強(qiáng)制元素。而meta是用來在HTML文檔中模擬HTTP協(xié)議的響應(yīng)頭報(bào)文。<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><metahttp-equiv="patible"content="IE=7"/><metaname=“keywords”content=“關(guān)鍵字”><metaname=“description”content=“頁面描述”><metaname=“author”contect=“網(wǎng)頁作者"><metaname=“robots"contect="all|none|index|noindex|follow|nofollow"><title>ourtitle</title></head><body> ourcontent</body><!--注釋的內(nèi)容<!--到阿里巴巴首頁的鏈接--><ahref=“”titile=“阿里首頁”>首頁</a><!--鏈接結(jié)束--><h1>標(biāo)題</h1><h2>標(biāo)題</h2><h3>標(biāo)題</h3><h4>標(biāo)題</h4><h5>標(biāo)題</h5><p>

段落標(biāo)記，知道了<p>作為段落，你就不會再使用<br/>來換行了，而且不需要<br/><br/>來區(qū)分段落與段落。</p><p><p></p>中的文字會自動換行，而且換行的效果優(yōu)于<br/>。</p><blockquote> blockquote:<blockquote>是塊級引用，而 <q>是行內(nèi)引用。cite屬性來制定其來源。 當(dāng)然不推薦使用<q>。</blockquote><ul> <li>列表一</li><li>列表二</li><li>列表三</li></ul><ol> <li>列表一</li><li>列表二</li><li>列表三</li></ol><dl> <dt>用戶體驗(yàn)部</dt> <dd>視覺組</dd> <dd>交互組</dd> <dd>前端組</dd></dl><ahref=“”title=“西風(fēng)坊的首頁”rel=“index”target=“_blank”>西風(fēng)坊</a><del>刪除的文本</del><del> <p>刪除的段落</p></del><ins>添加的文本</ins><ins> <p>添加的段落</p></ins><imgsrc=“”alt=“西風(fēng)坊的logo”/><i>斜體顯示文本</i><b>粗體顯示文本</b><tt>電傳機(jī)字體或者等寬字體文本</tt><big>字體變大</big><small>字體變小</small><s>內(nèi)容中間劃條線</s><u>內(nèi)容下面劃條線</u><hr/><pre> 前面留空白</pre>e=mc<sup>2</sup>H<sub>2</sub>O<em>要強(qiáng)調(diào)的文本</em><strong>要更加強(qiáng)調(diào)的文本</strong>這是一個<cite>引用</cite><dnf>蘋果</dnf>是這樣定義的。蘋果有……<code> var<var>a</var>=“hello”; document.write(a+“world”);</code><samp> helloworld</samp>Press<kbd>a</kbd>tocontinue單元格一單元格二單元格三單元格四單元格五日歷類似Excel那樣的電子數(shù)據(jù)表統(tǒng)計(jì)圖形日常安排表……<tablesummary=“表格摘要”> <caption>表格標(biāo)題</caption> <thead> <tr> <thid=“top”>單元頭</th> </tr> </thead> <tfoot> <tr> <th>單元尾</th> </tr> </tfoot> <tbody> <tr> <tdheaders=“top”abbr=“內(nèi)容”>內(nèi)容內(nèi)容</td> </tr> </tbody></table>summaryheadersabbrrowspancolspancolgroupscopeformactionmethodenctypeacceptaccept-charsetname<inputtype=“[value]”>text:文本輸入框password：密碼輸入框file：文件上傳checkbox：復(fù)選框radio：單選框hidden：隱藏輸入reset：重置submit/image：提交<button>按鈕</button><textarea>文本域</textarea><select> <optionvalue=“1”>菜單選項(xiàng)1</option> <optionvalue=“2”>菜單選項(xiàng)2</option> </select>fieldsetlegendlabel<formaction=“”method=“post”> <fieldset> <legend>會員注冊</legend> <ul> <li><labelfor=“un”>用戶名</label><inputtype=“text”name=“un”id=“un”/></li><li><labelfor=“up”>用戶名</label><inputtype=“text”name=“up”id=“up”/></li><li><inputname=“fs”type=“submit”value=“提交”/></li></ul> </fieldset></form>DIV+CSS

?<tablewidth=“952”cellpadding=“0”cellspaceing=“0”><tr><td><table><tr><td>貸款首頁</td></td>最新活動</td></tr></table><table><tr><td><imgsrc=“banner.jpg”alt=“阿里貸款”/></td></tr></table>

<table/></td><tr></table><table><tr><td><table> <tr> <td>1</td></tr><tr><td>2</td></tr></table></td><td><table><tr><td></td></tr>……</table></td></tr></table><div><ul><li>貸款首頁</li><li>最新活動</li><ul><div><imgsrc=“banner.jpg”alt=“”/></div><div> <div>1</div><div>2</div></div><dl></dl></div><table> <tr> <td>貸款首頁</td> <td>最新活動</td> <td>成功秘笈</td> <td>貸款群英</td> <td>貸款論壇</td> <td>專家博客</td> <td>熱門資訊</td> <tdbackground="bg.png">貸款問答</td> </tr></

溫馨提示

  • 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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論