Hypertext Markup Language

Home

HTML Tutorial
Knowledge Developer Database Internet Resource
HTML Tutorial
1. แนะนำ HTML
2. HTML Element
3. แท็ก HTML พื้นฐาน
4. คุณลักษณะ HTML
5. การจัดรูปแบบข้อความ HTML
6. HTML Character Entity
7. HTML Links
8. HTML Frame
9. ตาราง HTML
10. HTML Lists
11. ฟอร์ม HTML และการนำเข้า
12. ภาพ HTML
13. พื้นหลัง HTML
14. สี HTML
15. HTML 4.01 Quick List
 
Internet
PHP
SSI
HTML
AJAX
 

HTML > HTML Tutorial

HTML 4.01 Quick List

HTML Quick List เพื่อความสะดวกในกรอ้างอิง

เอกสารพื้นฐาน HTML

<html>
<head>
<title>Document name goes here</title>
</head>
<body>
Visible text goes here
</body>
</html>

หัวข้อ

<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>

ข้อความ

<p>This is a paragraph</p>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>

รูปแบบทางตรรกะ

<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>

รูปแบบทางกายภาค

<b>This text is bold</b>
<i>This text is italic</i>

การเชื่อมโยง anchor และภาพ

<a href="http://www.example.com/">This is a Link</a>
<a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a>
<a href="mailto:webmaster@example.com">Send e-mail</a>
ชื่อ anchor:
<a name="tips">Useful Tips Section</a>
<a href="#tips">Jump to the Useful Tips Section</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>

frame

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

ฟอร์ม

<form action="http://www.example.com/test.php" 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>

entity

&lt; เหมือนกับ <
&gt; เหมือนกับ >
&#169; เหมือนกับ เครื่องหมายลิขสิทธิ์ (copy right) อักษร C ในวงกลม

Element อื่น

<!-- This is a comment -->

<blockquote>
ข้อความที่ quoted จากบางแหล่ง
(ตั้งแนวเยื้อง)
</blockquote>

<address>
ที่อยู่ 1<br>
ที่อยู่ 2<br>
เมือง<br>
</address>


 

  

สงวนลิขสิทธิ์ (C) widebase / Julaphak