โคดทำตารางสีแบบที่2
เอาโคดตารางสีแบบที่2มาฝากค่ะ
ฝึกหัดทำบ่อยๆก้จะเก่งไปเองค่ะ..ขอคอบคุณทุกๆคอมเม้น
และเพื่อนๆทุกคนที่เข้ามาชมบล็อคนะคะ...ขอบคุณค่ะ จขบ.




Create Date : 07 พฤศจิกายน 2550
Last Update : 7 พฤศจิกายน 2550 2:27:15 น.
Counter : 3529 Pageviews.		  
11 comments
Share
  

สวัสดีค่ะเอาโคดตารางสีแบบที่2มาฝาก

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


สังเกตุุที่  <tr>  บันทัดแรก(เรียงในแนวนอน)จะไม่มี  <tr>
แต่ถ้า่เราจะเพิ่มให้มีบันทัดที่2(เรียงแบบในแนวตั้ง)ให้เพิ่ม  <tr> เข้าไปด้วย

หรือจะดูที่  สีแดง  คือ  จุดที่เราจะทำให้ตารางสีต่อเรียงต่อลงมาเรื่อยๆ
ก็อปปี้สีแดง มาต่อกันเรื่อยๆกี่บันทัดแล้วแต่ความต้องการ 
(ต่อในบัดทัดเดียวกันนะคะไม่ใช่ก็อปปี้โคดแล้วแยกมาต่อกันข้างนอก)

ส่วน  80%  20%  เปลี่ยนได้ตามต้องการ  ลองเปลี่ยนดูแล้วเอาไปวางที่
"กล่องทดสอบโคด" ดูที่ด้านขวามือ
หือจะทดสอบที่กล่องคอมเม้นก็ได้ค่ะ ก็จะทำให้เข้าใจได้มากขึ้น

ลองทำความเข้าใจกับโคดแบบช้าๆ ไม่ใช่มองแบบผ่านๆ ก็จะทำให้เราเข้าใจได้มากขึ้น

ลองดูตัวอย่างที่ยังไม่ต่อบันทัดที่2 กับตัวอย่างที่ ต่อบันทัดที่2วางโคดยังไงก็แล้วกัน
อธิบายมะเก่ง เพราะ จขบ.มะได้เรียนมาค่ะ ดูตัวอย่างแล้วกันนะคะ
โดย: lozocat วันที่: 7 พฤศจิกายน 2550 เวลา:2:27:59 น.
  

ตัวเอย่างที่1
<table border="0" width="80%" align="center"><tbody><tr><td align="center" valign="middle" style="width: 20%; background-color: #a8d0e8"></td><td align="center" valign="middle" style="width: 20%">#A8D0E8</td><td align="center" valign="middle" style="width: 20%; background-color: #98ccd0"></td><td align="center" valign="middle" style="width: 20%">#98CCD0</td></tr></tbody></table>

ตัวเอย่างที่2
<table border="0" width="80%" align="center"><tbody><tr><td align="center" valign="middle" style="width: 20%; background-color: #a8d0e8"></td><td align="center" valign="middle" style="width: 20%">#A8D0E8</td><td align="center" valign="middle" style="width: 20%; background-color: #98ccd0"></td><td align="center" valign="middle" style="width: 20%">#98CCD0</td></tr><tr><td align="center" valign="middle" style="background-color: #f8b4b8"></td><td align="center" valign="middle">#F8B4B8</td><td align="center" valign="middle" style="background-color: #8098b8"></td><td align="center" valign="middle">#8098B8</td></tr></tbody></table>
โดย: lozocat วันที่: 7 พฤศจิกายน 2550 เวลา:2:38:20 น.
  
ลองต่อบันทัดที่3แล้วจะวางที่กล่องคอมเม้นเพื่อทดสอบโคดก็ได้ค่ะ


#A8D0E8#98CCD0
#F8B4B8#8098B8
#C8A8B0#D8BFD8
โดย: lozocat วันที่: 7 พฤศจิกายน 2550 เวลา:2:39:18 น.
  
เข้ามาดูแล้วค่ะ
ไว้จะลองทำดูใหม่
คุณแคทนี่น่ารักจริงๆค่ะ
ขอบคุณมากๆค่ะ
โดย: ป้ากล้วย (Kluaytub ) วันที่: 7 พฤศจิกายน 2550 เวลา:2:42:05 น.
  
ขอบใจนะจ๊ะน้องรัก
จะลองเอาไปทำดูจ่ะ
โดย: เจ่เจ๊ (oranuch_sri ) วันที่: 7 พฤศจิกายน 2550 เวลา:5:37:57 น.
  
อรุณสวัสดิ์ยามเช้าค่ะ
หายหน้าห่างคุณเลยค่ะ

มีความสุขมากๆๆนะค่ะ

โดย: catt.&.cattleya.. วันที่: 7 พฤศจิกายน 2550 เวลา:6:51:45 น.
  
ขอบคุณค่ะที่แวะไปเยี่ยม คุณแคทพอจะทราบโค๊ดที่เอาเมาท์ทาบรูปแล้วรูปจะเปลี่ยนไปเป็นอีกรูปไหมค่ะ เราหามาหลายวันแล้ว ยังไม่เจอเลย
โดย: tuktikmatt วันที่: 7 พฤศจิกายน 2550 เวลา:14:54:31 น.
  
เข้ามาบอกคุณแคทว่าทำเสร็จแล้วหนึ่งหน้าค่ะ

สมัครเป้นลูกศิษย์คุณแคทเลยแล้วกันนะคะ

ขอบคุณที่อาจารย์รับข้าน้อยเป็นศิษย์
โดย: Kluaytub วันที่: 7 พฤศจิกายน 2550 เวลา:17:16:26 น.
  


โดย: doctorbird วันที่: 7 พฤศจิกายน 2550 เวลา:21:56:43 น.
  
#A8D0E8#98CCD0
#F8B4B8#8098B8


โดย: tar (tar@psycho ) วันที่: 28 ธันวาคม 2550 เวลา:16:19:46 น.
  
#A8D0E8#98CCD0
#F8B4B8#8098B8
โดย: jena_naam วันที่: 7 พฤศจิกายน 2552 เวลา:23:14:36 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Misscat.BlogGang.com

lozocat
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 13 คน [?]

บทความทั้งหมด