Recommandé
Contenu connexe
Similaire à 3.คำสั่งในการจัดหน้า
Plus de bimteach
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
- 6. <!-- คำบรรยำย source code --!>