More Related Content
Similar to 3.คำสั่งในการจัดหน้า (14)
3.คำสั่งในการจัดหน้า
- 1. คำสั่งในกำรจัดหน้ำ
HTML
ในบทควำมนี้จะเป็นเนื้อหำของคำสงั่ที่ใช้ในส่วนของ body
section ทั้งหมดโดยจะเป็นคำสั่งในส่วนของกำรจัดหน้ำ
ซึ่งกำรเรียนรู้ที่ดีที่สุดคือกำรลองพิมพ์ดู ดังนั้น
Hellomyweb.com จึงได้ทำ text editor
และหน้ำจอแสดงผลไว้ด้วยกันให้คุณลองพิมพ์ลองแก้ไขกันดู
โดยคลิกที่ลิงก์ที่หัวข้อได้เลย
ลองพิมพ์ดูง่ำยนดิเดียว คลิกทหีั่วข้อเพอื่ทดลองพิมพ์
1.คำสั่งที่ใช้ในกำรจัดย่อหน้ำ
คำสั่ง P
นี้จะเพิ่มบรรทัดว่ำงก่อนและหลังตัวอักษรที่เรำพิมพ์ไปโดยอัตโ
นมัติ ตำมที่แสดงในตัวอย่ำง
รูปแบบ p tag
<p> ย่อหน้ำที่ 1 </p>
<p> ย่อหน้ำที่ 2 </p>
<p> ย่อหน้ำที่ 3 </p>
- 2. 2.คำสั่งที่ใช้ในกำรขึ้นบรรทัดใหม่
กำรตัดบรรทัดใหม่นั้นปรกติ web browser
จะทำกำรตัดให้อยู่แล้ว แต่กำรตัดคำของ web browser
จะตัดเมื่อแสดงผลไม่ได้ แต่ถ้ำเรำใส่คำสั้ง <br> เข้ำไป web
browser จะตัดให้ทันที
ซึ่งคุณอำจจำเป็นที่จะต้องตัดคำเป็นบรรทัดสั้นๆเช่น
กำรเขียนกลอนดังตัวอย่ำง
รูปแบบ br tag
บรรทัดที่ 1 <br>
บรรทัดที่ 2 <br>
บรรทัดที่ 3 <br>
3.คำสั่งที่ใช้กับข้อควำมที่เป็นหัวเรื่อง
คำสั่ง h จะมีทั้งหมด 6 ลำดับด้วยกัน ไล่ตั้งแต่
h1,h2,h3,h4,h5,h6 ซึ่งขนำดของ h1
จะใหญ่ที่สุดดังตัวอย่ำงที่แสดง
โดยเรำจะใช้กับตัวอักษรที่ต้องกำรให้เป็นหัวเรื่องเพื่อให้อักษร
นั้นโดดเด่นขึ้นมำ จะสังเกตุได้ว่ำเมื่อใช้ h tag
- 3. จะตัดตัวอักษรที่ต่อจำก h tag เป็นบรรทัดใหม่อัตโนมัติ
รูปแบบ h tag
<h1>head 1</h1>
<h2>head 2</h2>
<h3>head 3</h3>
<h4>head 4</h4>
<h5>head 5</h5>
<h6>head 6</h6>
4. คำสั่งที่ใช้ในกำรขึดเส้นคั่น
คำสั่งที่ใช้ในกำรขีดเส้นคั่น
รูปแบบ hr
<p>เนื้อหำบทที่ 1</p>
- 4. <hr>
<p>เนื้อหำบทที่ 2</p>
<hr>
5.คำสั่งที่ใช้ในกำรจัดตัวอักษรชิดซ้ำย ชิดขวำ หรือกึ่งกลำง
กำรจัดให้ตัวอักษรให้ชิดซ้ำย ขวำ หรือกึ่งกลำง เรำจะใช้
Attributes ให้รำยละเอียดของ tag โดยเรำจะใช้ aling
เพื่อบอกว่ำให้ชิดซ้ำย (align = 'left') ชิดขวำ (align = 'right')
และ จัดกึ่งกลำง (align = 'center')
รูปแบบ align
<h3 align = 'left'>ชิดซ้ำย</h3>
<h3 align = 'right'>ชิดขวำ</h3>
<h3 align = 'center'>จัดเข้ำกลำง</h3>
- 5. 6. คำสั่งที่ใช้ในกำรเปลี่ยนสีพื้นหลัง
bgcolor เป็น Attributes อย่ำงหนึงเหมือนกันที่ใช้กำหนดสี
คุณอำจเปลี่ยนจำก สีเขียว(green) เป็น เหลือง(yellow)
หรือสีอื่นๆก็ได้
รูปแบบ bgcolor
<body bgcolor ='green'>
<h1> ดูสีพื้นหลัง </h1>
</body>
7. กำรเขียนคำบรรยำย soure code
ในส่วนของคำบรรยำย soure code นั้นจะไม่แสดงที่ web
browser เรำเขียนเพื่อบรรยำยว่ำ sorce code
ส่วนนี้ใช้ทำอะไร เพื่อควำมสะดวกเมื่อกลับมำแก้ไข sorce
code
ในภำยหลังเพรำะเรำอำจจำไม่ได้ว่ำเรำเขียนส่วนนี้ไว้เพื่ออะไร
เพรำะว่ำจริงๆแล้ว soure code
ที่เรำใช้งำนจริงนั้นจะมีมำกมำยหลำยร้อยบรรทัด
ถ้ำเรำไม่เขียนบรรยำยไว้ก็ทำให้เสียเวลำในกำรหำส่วนที่เรำต้อ
งกำรจะแก้ไข
รูปแบบกำรเขียนคำ บรรยำย source code