HTML初級教程綜合應(yīng)用_XHTML教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
假如你業(yè)已全部瀏覽HTML初級指南的全部頁面，學(xué)習(xí)完畢初級指南，你事實(shí)上已經(jīng)是一個能干的HTMLer了。
實(shí)際上，基于許多人編寫HTML都相當(dāng)差勁的事實(shí)，你應(yīng)該做得比他們更好。
下面的代碼把前面所教授的綜合在一起了：
就這樣。保存文件，然后在瀏覽器中查看──這是理解所有工作原理的最好方法。繼續(xù)吧！
感到滿足的話，你可以繼續(xù)學(xué)習(xí)CSS中級教程了。
實(shí)際上，基于許多人編寫HTML都相當(dāng)差勁的事實(shí)，你應(yīng)該做得比他們更好。
下面的代碼把前面所教授的綜合在一起了：
示例代碼 [www.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>我的第一個網(wǎng)頁</title>
<!-- 順便說一下，這是注釋 -->
</head>
<body>
<h1>我的第一個網(wǎng)頁</h1>
<h2>這是什么</h2>
<p>用HTML組合起來的簡單網(wǎng)頁。 <strong>A用HTML組合起來的簡單網(wǎng)頁。</strong> 用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。</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)愛上了我的電腦，我想給她點(diǎn)HTML愛情調(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> 看起來似乎很重要的部分，但實(shí)際上什么都不做</p>
<form action="somescript.php" method="post">
<p>名字：</p>
<p><input type="text" name="name" value="你的名字" /></p>
<p>評論：</p>
<p><textarea rows="10" cols="20" name="comments">在這里寫下你的評論</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" /> 無性</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>我的第一個網(wǎng)頁</title>
<!-- 順便說一下，這是注釋 -->
</head>
<body>
<h1>我的第一個網(wǎng)頁</h1>
<h2>這是什么</h2>
<p>用HTML組合起來的簡單網(wǎng)頁。 <strong>A用HTML組合起來的簡單網(wǎng)頁。</strong> 用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。用HTML組合起來的簡單網(wǎng)頁。</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)愛上了我的電腦，我想給她點(diǎn)HTML愛情調(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> 看起來似乎很重要的部分，但實(shí)際上什么都不做</p>
<form action="somescript.php" method="post">
<p>名字：</p>
<p><input type="text" name="name" value="你的名字" /></p>
<p>評論：</p>
<p><textarea rows="10" cols="20" name="comments">在這里寫下你的評論</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" /> 無性</p>
<p><input type="submit" /></p> <p><input type="reset" /></p>
</form>
</body>
</html>
就這樣。保存文件，然后在瀏覽器中查看──這是理解所有工作原理的最好方法。繼續(xù)吧！
感到滿足的話，你可以繼續(xù)學(xué)習(xí)CSS中級教程了。
相關(guān)XHTML教程：
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽：有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML和CSS在Flash中的應(yīng)用
- HTML表格標(biāo)記教程(15):表格的標(biāo)題
- 入門：HTML的基本標(biāo)簽和屬性簡單介紹
- 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)該注意的問題
- HTML高級教程親和力的表單
猜你也喜歡看這些
- 相關(guān)鏈接：
- 教程說明：
XHTML教程-HTML初級教程綜合應(yīng)用
。