{ Winter Code Room }

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 274
    จำนวนคนให้กำลังใจ : 1 ครั้ง
    2 เม.ย. 57


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

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>




 
ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 1 ครั้ง

391 ความคิดเห็น

  1. #57 pingแม่น้ำ (@pingpong200842) (จากตอนที่ 10)
    วันที่ 6 เมษายน 2557 / 17:08
    ขอบคุณค่ะ^^
    #57
    0