คู่มือเรียกดู HTML

คู่มือเรียกดู HTML รวดเร็วจาก CodeW3C.com สามารถพิมพ์มันได้เพื่อใช้ในประจำวัน</br>

เอกสารภาษาไทยแบบพื้นฐาน HTML

<html>
<head>
<title>ชื่อเอกสารที่มองเห็นตัวเอง</title>
</head>
<body>
ข้อความที่มองเห็นตัวเอง
</body>
</html>

元素ข้อความ

<p>นี่คือ段落</p>
<br> (line break)
<hr> (水平線)
<pre>這段文字是預格式化的</pre>

邏輯樣式

<em>這段文字是強調的</em>
<strong>這段文字是加強的</strong>
<code>這是某些電腦代碼</code>

物理樣式

<b>這段文字是粗體</b>
<i>這段文字是斜體</i>

鏈接、錨點、圖像元素

<a href="http://www.example.com/">這是一個鏈接</a>
<a href="http://www.example.com/"><img src="URL"
alt="替代文本"></a>
<a href="mailto:webmaster@example.com">發送電子郵件</a>命名的錨點:
<a name="tips">有用的提示部分</a>
<a href="#tips">跳轉到有用的提示部分</a>

無序列表

<ul>
<li>First item</li>
<li>Next item</li>
</ul>

有序列表

<ol>
<li>First item</li>
<li>Next item</li>
</ol>

定義列表

<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>

表格

<table border="1">
<tr>
  <th>someheader</th>
  <th>someheader</th>
</tr>
<tr>
  <td>sometext</td>
  <td>sometext</td>
</tr>
</table>

框架

<frameset cols="25%,75%">
  <frame src="page1.htm">
  <frame src="page2.htm">
</frameset>

表單

<form action="http://www.example.com/test.asp" method="post/get">
<input type="text" name="lastname"
value="Nixon" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Apples
<option selected>Bananas
<option>Cherries
</select>
<textarea name="Comment" rows="60"
cols="20"></textarea>
</form>

องค์ประกอบ

< คือเดียวกับ <
> คือเดียวกับ >
© คือเดียวกับ ©

อื่นๆ

<!-- นี่คือความคิดเห็น -->
<blockquote>
ข้อความที่นำมาจากแหล่งข้อมูลบางแหล่ง
</blockquote>
<address>
ที่อยู่ 1<br>
ที่อยู่ 2<br>
เมือง<br>
</address>

Source : http://www.codew3c.com/html/html_quick.asp