![]() | จัดตำแหน่งอักษร หรือจัดหน้า | ![]() |
![]() |
ยินดีรับ ผู้สนับสนุน เว็บไซต์ด้านการศึกษา
กลุ่มเว็บไซต์นี้ เริ่มพัฒนา พ.ศ.2542 โดยบุคลากรทางการศึกษาด้านคอมพิวเตอร์ โทร. 081-9927223 (ผมเป็นคนลำปางหนา) ปล. ขอไม่รับ work at home / อาหารเสริม |
เลื่อนบรรทัด ด้วย <br> คำสั่งนี้ใช้เลื่อนบรรทัด และถูกกล่าวถึงบ้างในบทก่อนหน้านี้แล้ว |
|
ตัวอย่างคำสั่ง | ตัวอย่างผลลัพท์ |
one<br>two<br> three<br>four<br> |
one two three four |
กำหนดย่อยหน้า ด้วย <p> คำสั่งนี้ทำให้เว้นบรรทัดก่อนคำสั่งนี้ 1 บรรทัด และเมื่อสั่งปิดด้วย</p> จะเว้นอีก 1 บรรทัด ก่อนบรรทัดใหม่ |
|
ตัวอย่างคำสั่ง | ตัวอย่างผลลัพท์ |
one<br>two<p>three</p>four<br>five | one two three fourfive |
one<p>This is the sentence in this paragraph. This is the sentence in this paragraph. This is the sentence in this paragraph. This is the sentence in this paragraph. </p>two<p>three</p>four<br>five | one This is the sentence in this paragraph. This is the sentence in this paragraph. This is the sentence in this paragraph. This is the sentence in this paragraph. twothree |
one<p>two</p>three<br>four<p>five<br><p>six</p>seven | one two threefour five six seven |
ขีดเส้น ด้วย <hr> คำสั่งนี้จะขีดเส้นแนวนอนจนเต็มกรอบในช่องนั้น แต่ถ้าอยู่นอกตารางก็จะขีดจนเต็มจอ |
|
ตัวอย่างคำสั่ง | ตัวอย่างผลลัพท์ |
<hr> | |
<hr width=50%> | |
<hr width=50% size=10> | |
<hr width=50% size=10 noshade> | |
<hr width=50% size=5 align=center> <hr align=right> <hr width=70% align=left> |
ย่อหน้า - สัญลักษณ์ ด้วย <ul><li> คำสั่งลักษณะนี้ผมไม่ใช้ เพราะจะแสดงสัญลักษณ์ • หน้าบรรทัด สำหรับ browser บางตัว แต่ปัญหาคือ มี browser บางตัวที่กำหนดภาษาไม่ถูกต้องจะแสดงเป็นตัว ท แทน ซึ่งไม่สวย นอกจากนี้ ul อนุญาติให้มีการกำหนด type ใน li ได้อีก 3 แบบ แต่ disc ซึ่งหมายถึง • ก็ยังเหมือนเดิม |
|
ตัวอย่างคำสั่ง | ตัวอย่างผลลัพท์ |
one<ul><li>two<li>three</ul>four | one
|
zero<ul>one<li>two<br>second sentence<li>three<br>four</ul>five | zero
|
<ul><b>subject</b> <li type=disc>superman <li type=circle>batman <li type=square>spiderman </ul> |
|
ย่อหน้า - เลขลำดับ ด้วย <ol><li> คำสั่งนี้ใช้บ่อย เพราะทำเลขลำดับให้อัตโนมัติ และไม่ค่อยมีปัญหามากนัก |
|
ตัวอย่างคำสั่ง | ตัวอย่างผลลัพท์ |
one<ol><li>two<li>three</ol>four | one
|
zero<ol>one<li>two<br>second sentence<li>three<br>four</ol>five | zero
|
<ol><b>subject</b> <li>superman <li>batman <li>spiderman </ol> |
|
ย่อหน้าแบบกำหนดคำจำกัดความ ด้วย <dt><dd> |
|
ตัวอย่างคำสั่ง | ตัวอย่างผลลัพท์ |
one<dt><dd>two<dd>three</dt>four | one |
zero<dt>one<dd>two<br>second sentence<dd>three<br>four</dt>five | zero second sentence fourfive |
<dt><b>subject</b> <dd>superman <dd>batman <dd>spiderman </dt> |
แบบฝึกหัด |
ให้เขียน html ทำตามตัวอย่าง แต่ละข้อข้างล่างนี้
ข้อ 1 def wow-ghi-wow ข้อ 2
ข้อ 3
|