HTML初級教程綜合應(yīng)用_XHTML教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
假如你業(yè)已全部瀏覽HTML初級指南的全部頁面，學習完畢初級指南，你事實上已經(jīng)是一個能干的HTMLer了。
實際上，基于許多人編寫HTML都相當差勁的事實，你應(yīng)該做得比他們更好。
下面的代碼把前面所教授的綜合在一起了：
就這樣。保存文件，然后在瀏覽器中查看──這是理解所有工作原理的最好方法。繼續(xù)吧！
感到滿足的話，你可以繼續(xù)學習CSS中級教程了。
實際上，基于許多人編寫HTML都相當差勁的事實，你應(yīng)該做得比他們更好。
下面的代碼把前面所教授的綜合在一起了：
示例代碼 [m.ghpqjb.com]
<!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>學習HTML</li>
<li> 顯擺，炫耀
<ol>
<li>向老板</li>
<li>向朋友</li>
<li>向我的小貓</li>
<li>給我腦中多嘴的小鴨子</li>
</ol></li>
<li>因為我已經(jīng)愛上了我的電腦，我想給她點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> 看起來似乎很重要的部分，但實際上什么都不做</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>學習HTML</li>
<li> 顯擺，炫耀
<ol>
<li>向老板</li>
<li>向朋友</li>
<li>向我的小貓</li>
<li>給我腦中多嘴的小鴨子</li>
</ol></li>
<li>因為我已經(jīng)愛上了我的電腦，我想給她點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> 看起來似乎很重要的部分，但實際上什么都不做</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ù)學習CSS中級教程了。
相關(guān)XHTML教程：
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個XHTML標簽
- title和alt 標簽介紹及其異同
- 淺析HTML標簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標準的重要部分
- 九個W3C XHTML1.0及CSS標準認證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗證HTML代碼穿越多重瀏覽器標準
- XHTML具有語義的標簽：有關(guān)H1位置的討論
- 相關(guān)鏈接：
- 教程說明：
XHTML教程-HTML初級教程綜合應(yīng)用
。