Winter Code Room&Lab - ย้ายค่ะ

ลำดับตอนที่ #11 : การใส่คอมเม้นท์ให้โค้ดแต่ละชนิดป้องกันการสับสน

การใส่คอมเม้นท์ให้โค้ดแต่ละชนิดเพื่อป้องกันการสับสนเวลาที่เราต้องการแก้ไขโค้ดบางตัว
และเพื่อจะได้หาง่าย ๆ ไม่ต้องจ้องโค้ดนาน

1. CSS
   /*รายละเอียดเกี่ยวกับโค้ดที่ต้องการใส่*/
   โค้ด

2. Javascript
   <!--รายละเอียดเกี่ยวกับโค้ดที่ต้องการใส่-->
   โค้ด

3. Html
   <!--รายละเอียดเกี่ยวกับโค้ดที่ต้องการใส่-->
   โค้ด

ตัวอย่างที่ 1
โค้ด CSS
<style type="text/css">
/*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
BODY{background:url(http://i1339.photobucket.com/albums/o705/SakuraiWinter/My%20ID/mybg1_zpsc70f5f32.jpg); background-attachment:fixed;background-size:100% 100%;}
 

/*My.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/

#body { position:absolute;

        left:0;

        right:0;

        margin-left:auto;

        margin-right:auto; }

</style>

การใส่คอมเม้นท์ให้โค้ดจะวางไว้ที่ส่วนบนของโค้ดนั้น ๆ หรือส่วนล่างของโค้ดนั้น ๆ ก็ได้
ยกตัวอย่างจากตัวอย่างที่ 1 จะวางไว้ส่วนบนของโค้ด คราวนี้มาดูตัวอย่างที่ 2 ที่จะวางไว้ส่วนล่างของโค้ด

ตัวอย่างที่ 2
<style type="text/css">
BODY{background:url(http://i1339.photobucket.com/albums/o705/SakuraiWinter/My%20ID/mybg1_zpsc70f5f32.jpg); background-attachment:fixed;background-size:100% 100%;}
/*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
 

#body { position:absolute;

        left:0;

        right:0;

        margin-left:auto;

        margin-right:auto; }
/*My.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/

</style>

นอกจากวางไว้ข้างบน วางไว้ข้างล่าง ยังสามารถวางปิดบนล่างเพื่อกำหนดขอบเขตของโค้ดได้อีกด้วยดังตัวอย่างที่ 3

ตัวอย่างที่ 3
<style type="text/css">
/*เริ่มโค้ดใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
BODY{background:url(http://i1339.photobucket.com/albums/o705/SakuraiWinter/My%20ID/mybg1_zpsc70f5f32.jpg); background-attachment:fixed;background-size:100% 100%;}
/*สิ้นสุดโค้ดใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
 

/*เริ่มโค้ด My.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/

#body { position:absolute;

        left:0;

        right:0;

        margin-left:auto;

        margin-right:auto; }
/*สิ้นสุดโค้ดMy.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/

</style>