HTML初級(jí)教程綜合應(yīng)用_XHTML教程
教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
假如你業(yè)已全部瀏覽HTML初級(jí)指南的全部頁(yè)面，學(xué)習(xí)完畢初級(jí)指南，你事實(shí)上已經(jīng)是一個(gè)能干的HTMLer了。
實(shí)際上，基于許多人編寫HTML都相當(dāng)差勁的事實(shí)，你應(yīng)該做得比他們更好。
下面的代碼把前面所教授的綜合在一起了：
就這樣。保存文件，然后在瀏覽器中查看──這是理解所有工作原理的最好方法。繼續(xù)吧！
感到滿足的話，你可以繼續(xù)學(xué)習(xí)CSS中級(jí)教程了。
實(shí)際上，基于許多人編寫HTML都相當(dāng)差勁的事實(shí)，你應(yīng)該做得比他們更好。
下面的代碼把前面所教授的綜合在一起了：
示例代碼 [hl5o.cn]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一個(gè)網(wǎng)頁(yè)</title>
<!-- 順便說(shuō)一下，這是注釋 -->
</head>
<body>
<h1>我的第一個(gè)網(wǎng)頁(yè)</h1>
<h2>這是什么</h2>
<p>用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。 <strong>A用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。</strong> 用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。</p>
<h2>目的</h2>
<ul>
<li>學(xué)習(xí)HTML</li>
<li> 顯擺，炫耀
<ol>
<li>向老板</li>
<li>向朋友</li>
<li>向我的小貓</li>
<li>給我腦中多嘴的小鴨子</li>
</ol></li>
<li>因?yàn)槲乙呀?jīng)愛(ài)上了我的電腦，我想給她點(diǎn)HTML愛(ài)情調(diào)料。</li>
</ul>
<h2>在哪里可以找到教程</h2>
<p><a ><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="88" height="31" alt="Neo1 logo" /></a></p>
<h2>一些隨意的表單</h2>
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
<td>Row 1, cell 3</td>
</tr>
<tr>
<td>Row 2, cell 1</td>
<td>Row 2, cell 2</td>
<td>Row 2, cell 3</td>
</tr>
<tr>
<td>Row 3, cell 1</td>
<td>Row 3, cell 2</td>
<td>Row 3, cell 3</td>
</tr>
<tr>
<td>Row 4, cell 1</td>
<td>Row 4, cell 2</td>
<td>Row 4, cell 3</td>
</tr>
</table>
<h2>一些隨意的表單</h2>
<p><strong>注重：</strong> 看起來(lái)似乎很重要的部分，但實(shí)際上什么都不做</p>
<form action="somescript.php" method="post">
<p>名字：</p>
<p><input type="text" name="name" value="你的名字" /></p>
<p>評(píng)論：</p>
<p><textarea rows="10" cols="20" name="comments">在這里寫下你的評(píng)論</textarea></p>
<p>你是：</p>
<p><input type="radio" name="areyou" value="male" /> 男性</p>
<p><input type="radio" name="areyou" value="female" /> 女性</p>
<p><input type="radio" name="areyou" value="hermaphrodite" /> 雙性</p>
<p><input type="radio" name="areyou" value="asexual" checked="checked" /> 無(wú)性</p>
<p><input type="submit" /></p> <p><input type="reset" /></p>
</form>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一個(gè)網(wǎng)頁(yè)</title>
<!-- 順便說(shuō)一下，這是注釋 -->
</head>
<body>
<h1>我的第一個(gè)網(wǎng)頁(yè)</h1>
<h2>這是什么</h2>
<p>用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。 <strong>A用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。</strong> 用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。用HTML組合起來(lái)的簡(jiǎn)單網(wǎng)頁(yè)。</p>
<h2>目的</h2>
<ul>
<li>學(xué)習(xí)HTML</li>
<li> 顯擺，炫耀
<ol>
<li>向老板</li>
<li>向朋友</li>
<li>向我的小貓</li>
<li>給我腦中多嘴的小鴨子</li>
</ol></li>
<li>因?yàn)槲乙呀?jīng)愛(ài)上了我的電腦，我想給她點(diǎn)HTML愛(ài)情調(diào)料。</li>
</ul>
<h2>在哪里可以找到教程</h2>
<p><a ><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width="88" height="31" alt="Neo1 logo" /></a></p>
<h2>一些隨意的表單</h2>
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
<td>Row 1, cell 3</td>
</tr>
<tr>
<td>Row 2, cell 1</td>
<td>Row 2, cell 2</td>
<td>Row 2, cell 3</td>
</tr>
<tr>
<td>Row 3, cell 1</td>
<td>Row 3, cell 2</td>
<td>Row 3, cell 3</td>
</tr>
<tr>
<td>Row 4, cell 1</td>
<td>Row 4, cell 2</td>
<td>Row 4, cell 3</td>
</tr>
</table>
<h2>一些隨意的表單</h2>
<p><strong>注重：</strong> 看起來(lái)似乎很重要的部分，但實(shí)際上什么都不做</p>
<form action="somescript.php" method="post">
<p>名字：</p>
<p><input type="text" name="name" value="你的名字" /></p>
<p>評(píng)論：</p>
<p><textarea rows="10" cols="20" name="comments">在這里寫下你的評(píng)論</textarea></p>
<p>你是：</p>
<p><input type="radio" name="areyou" value="male" /> 男性</p>
<p><input type="radio" name="areyou" value="female" /> 女性</p>
<p><input type="radio" name="areyou" value="hermaphrodite" /> 雙性</p>
<p><input type="radio" name="areyou" value="asexual" checked="checked" /> 無(wú)性</p>
<p><input type="submit" /></p> <p><input type="reset" /></p>
</form>
</body>
</html>
就這樣。保存文件，然后在瀏覽器中查看──這是理解所有工作原理的最好方法。繼續(xù)吧！
感到滿足的話，你可以繼續(xù)學(xué)習(xí)CSS中級(jí)教程了。
相關(guān)XHTML教程：
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽：有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML和CSS在Flash中的應(yīng)用
- HTML表格標(biāo)記教程(15):表格的標(biāo)題
- 入門：HTML的基本標(biāo)簽和屬性簡(jiǎn)單介紹
- HTML表格標(biāo)記教程(30):單元格的暗邊框色屬性BORDERCOLORDARK
- DIV CSS布局基礎(chǔ)：HTML標(biāo)記(一)
- DIV CSS布局基礎(chǔ)：HTML標(biāo)記(五)
- HTML 5 預(yù)覽
- XHTML1.0Reference-XHTML1.0中允許使用的所有HTML元素列表！
- XHTML標(biāo)簽的自關(guān)閉的寫法應(yīng)該注意的問(wèn)題
- HTML高級(jí)教程親和力的表單
猜你也喜歡看這些
- CSS教程6、CSS的Border邊框[翻譯Htmldog]
- css中table-layout:fixed屬性值的使用
- CSS偽類:hover在IE中使用及其BUG
- CSS框架帶來(lái)的效率提升
- CSS教程:CSS中的定位(position)
- WEB標(biāo)準(zhǔn),Web前端工程師定位淺談
- CSS selector：class 和 id 都可以使“單一選擇符”有不同的樣式
- Web開(kāi)發(fā)：非常實(shí)用的18條小經(jīng)驗(yàn)
- WEB標(biāo)準(zhǔn),Web前端開(kāi)發(fā)工程師必備技術(shù)列表
- CSS編碼習(xí)慣 hack分開(kāi)寫的規(guī)則
- 相關(guān)鏈接：
- 教程說(shuō)明：
XHTML教程-HTML初級(jí)教程綜合應(yīng)用
。