Background Images คือภาพพื้นหลังที่จะแสดงอยู่ในหน้าเว็บไซต์หรือในเอลิเมนต์ ใน HTML เราสามารถกำหนดภาพพื้นหลังได้โดยการกำหนดที่พร็อพเพอร์ตี้ background-image การกำหนดภาพพื้นหลังให้ HTML element เราสามารถกำหนดภาพพื้นหลังให้ HTML element ได้โดยใช้แอททริบิวต์ style…
แท็ก <map> ใช้สำหรับกำหนด image-map ให้กับรูปภาพ คือการทำให้รูปภาพรูปหนึ่งมีพื้นที่สำหรับคลิกได้หลายที่ แต่ละที่เมื่อคลิกแล้วก็จะลิงไปยัง url ที่ต่างกัน การใช้งาน Image Map เมื่อจะใช้งาน Image Map…
ในการทำเว็บไซต์ คงหลีกเลี่ยงไม่ได้แน่ที่จะต้องใช้รูปภาพมาประกอบ ไม่ว่าจะเป็นรูปภาพส่วนหัว รูปภาพพื้นหลัง รูปภาพในเนื้อหา เป็นต้น รูปภาพทำให้เว็บไซต์ของเราสวยงามน่าเข้าชมมากขึ้น ใน HTML เราสามารถใช้งานรูปภาพได้โดยใช้แท็ก <img> ซึ่งแท็กนี้เป็นแท็กที่ไม่ต้องมีแท็กปิด และจะใช้แอททริบิวต์ src สำหรับการระบุ…
เมื่อสร้างข้อมูลประเภท List ขึ้นมาใช้งานแล้ว เราสามารถเพิ่มข้อมูลเข้าไปใน List นั้นได้อีก ด้วยเมธอด append() โดยจะเป็นการเพิ่มข้อมูลต่อท้ายข้อมูลเดิมที่มีอยู่ใน List มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด append() [‘Python’, ‘Swift’,…
เราสามารถใช้เมธอด index() เพื่อคนหาตำแหน่งของข้อมูลตามที่ระบุ ที่ปรากฏอยู่ใน Tuple โดยจะคืนค่ากลับมาเป็นหมายเลขตำแหน่งที่ค้นเจอข้อความที่ระบุเป็นครั้งแรก แต่ถ้าไม่เจอจะเกิดข้อผิดพลาดขึ้น มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด index() จากโค้ดตัวอย่าง ใช้เมธอด index() ค้นหาคำว่า “Python”…
เราสามารถใช้เมธอด count() เพื่อเช็คว่าข้อมูลที่ระบุ มีปรากฏอยู่ใน Tuple จำนวนกี่ครั้ง โดยเมธอดนี้จะคืนค่ามาเป็นตัวเลขบอกจำนวนครั้งที่ค้นเจอข้อมูลที่ระบุ ซึ่งมีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด count() จากตัวอย่าง ข้อมูลในทูเพิล tupledata มีคำว่า “Python”…
Tuple คือข้อมูลแบบคอลเล็คชันที่มีการเรียงลำดับและไม่สามารถเปลี่ยนแปลงได้ ซึ่งข้อมูลแบบ Tuple นี้จะถูกเขียนอยู่ในเครื่องหมายวงเล็บ () round brackets การเข้าถึงไอเท็มของ Tuple เราสามารถเข้าถึงสมาชิกของ Tuple ได้โดยการอ้างอิงหมายเลขอินเด็กซ์ ซึ่งจะถูกเขียนไว้ในวงเล็บ []…
ภาษาโปรแกรมทุก ๆ ภาษา ย่อมมีตัวดำเนินการ เช่น บวก ลบ คูณ หาร กำหนดค่า เปรียบเทียบค่า เป็นต้น ซึ่งถือว่าเป็นสิ่งที่ภาษาโปรแกรมจะต้องมี และภาษาจาวาสคริปต์ก็มีตัวดำเนินการให้เราใช้งานมากมาย ดังนี้ครับ…
เราสามารถเขียนโค้ด CSS ไว้ในเว็บเพจของเราก็ได้ หรือจะเขียนไว้นอกเว็บเพจก็ได้ เพื่อความสะดวกในการเรียกใช้จากเว็บเพจอื่น ๆ ซึ่งจุดที่เราสามารถเขียน CSS ได้ มี 3 จุด ดังนี้ External CSS…
CSS Selectors ใช้สำหรับค้นหาหรือเลือก HTML Element ที่เราต้องการกำหนดสไลต์ เช่น ถ้าต้องการกำหนดสไตล์ให้เอลิเมนต์ p ซีเล็คเตอร์ก็คือ p CSS selectors สามารถแยกประเภทได้ 5…
รูปแบบการเขียนโค้ด CSS จะประกอบด้วย selector และ declaration block ซึ่งมีรูปแบบดังนี้ selector{property: value; property: value;} ตัวอย่างการเขียนโค้ด CSS
เมธอด zfill() เป็นเมธอดของสตริง ใช้สำหรับเติมเลข 0 ด้านหน้าสตริง จนความยาวของสตริงครบตามที่ระบุ เช่น ถ้าสตริงมีอักขระ 2 ตัว และเราใช้เมธอด zfill() โดยระบุความยาวเป็น 10…
เมธอด upper() เป็นเมธอดของสตริง ใช้สำหรับแปรงตัวอักษรภาษาอังกฤษทั้งหมดในสตริงให้เป็นตัวพิมพ์ใหญ่ มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด upper() จากโค้ดตัวอย่าง ข้อความในสตริงเป็นตัวอักษรพิมพ์เล็กทั้งหมด เมื่อใช้เมธอด upper() จะได้ผลลัพธ์ที่ข้อความในสตริงถูกแปลงเป็นตัวพิมพ์ใหญ่ทั้งหมด ผลลัพธ์ PYTHON IS…
เมธอด title() เป็นเมธอดของสตริง ใช้สำหรับแปลงตัวอักษรตัวแรกของทุก ๆ คำในสตริงให้เป็นตัวพิมพ์ใหญ่ คำไหนขึ้นต้นด้วยตัวเลข ตัวอักษรตัวแรกที่ติดกับตัวเลขจะถูกแปลงเป็นตัวพิมพ์ใหญ่ด้วย มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด title() จากโค้ดตัวอย่าง ข้อความในสตริงเป็นตัวอักษรพิมพ์เล็กทั้งหมด แต่เมื่อใช้เมธอด title()…
เมธอด swapcase() เป็นเมธอดของสตริง ใช้สำหรับเปลี่ยนตัวพิมพ์ของอักษรภาษาอังกฤษ จากตัวพิมพ์ใหญ่เป็นตัวพิมพ์เล็ก หรือจากตัวพิมพ์เล็กเป็นตัวพิมพ์ใหญ่ มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด swapcase() เมธอด swapcase() จะคืนค่ากลับมาเป็นสตริงที่ถูกสลับตัวอักษรพิมพ์เล็กเป็นอักษรพิมพ์ใหญ่ และอักษรพิมพ์ใหญ่เป็นอักษรพิมพ์เล็ก pYTHON iS…
เมธอด strip() เป็นเมธอดของสตริง ใช้สำหรับตัดอักขระด้านหน้าและด้านหลังของสตริง โดยเราสามารถระบุได้ด้วยว่าจะให้ตัดอักขระอะไร ถ้าไม่ระบุ ค่าเริ่มต้นจะตัดช่องว่างทั้งด้านหน้าและด้านหลังของสตริงออก มีรูปแบบการใช้งานดังนี้ ตัวอย่งการใช้งานเมธอด strip() ใช้งานเมธอด strip() โดยไม่ระบุ characters จากโค้ดตัวอย่าง…
เมธอด startswith() เป็นเมธอดของสตริง ใช้สำหรับตรวจสอบว่าสตริงนั้นขึ้นต้นด้วยคำตามที่ระบุหรือไม่ ถ้าใช่จะคืนค่าเป็น True ถ้าไม่ใช่จะคืนค่าเป็น False มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด startswith() การใช้งานเมธอด startswith() แบบไม่ระบุค่า start…
เมธอด splitlines() เป็นเมธอดของสตริง ใช้สำหรับแยกสตริง ณ จุดที่มีการขึ้นบรรทัดใหม่ คือ จุดที่มีอักขาะ \n แล้วคืนค่ากลับมาเป็นข้อมูลประเภท List มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด splitlines() แบบไม่ระบุ…
เมธอด split() เป็นเมธอดของสตริง ใช้สำหรับแยกสตริงออกเป็นส่วน ๆ และคืนค่ากลับมาเป็น list โดยเราสามารถกำหนดได้ว่าจะให้แยกสตริงด้วยอะไร ถ้าไม่กำหนดจะแยกด้วยช่องว่าง มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด split() แบบไม่ระบุ separator และ…
เมธอด rstrip() เป็นเมธอดของสตริง ใช้สำหรับตัดอักขระต่อท้ายของสตริง (ค่าเริ่มต้นคือช่องว่าง) ซึ่งเราสามารถระบุได้ว่าจะให้ตัดอักขระไหนที่ต่อท้ายสตริง มีรูปแบบการใช้งานดังนี้ ตัวอย่างการใช้งานเมธอด rstrip()
ตัวแปร คือสิ่งที่เราสร้างขึ้นมาเพื่อเอาไว้เก็บค่าข้อมูล เช่น ตัวแปร a เก็บค่าตัวเลข 10 ตัวแปร b เก็บค่าความจริง true เป็นต้น จากโค้ดตัวอย่าง JavaScript Identifiers…
คอมเมนต์ มีไว้สำหรับอธิบายการทำงานของโค้ด เพื่อให้ผู้ที่มาอ่านโค้ดทีหลังสามารถเข้าใจได้ง่าย หรือแม้แต่ตัวเราเองเมื่อกลับมาดูโค้ดทีหลังก็ไม่ต้องมานั่งเดาว่าโค้ดส่วนนั้นคืออะไร นอกจากนี้ยังมีประโยชน์ในการทำให้โค้ดบางส่วนไม่ถูกประมวลผลได้ด้วย Single Line Comment คอมเมนต์แบบบรรทัดเดียว การคอมเมนต์แบบบรรทัดเดียว สามารถทำได้โดยการวางเครื่องหมายสแลช 2 สองอัน // ไว้ด้านหน้าคำหรือข้อความที่ต้องการทำเป็นคอมเมนต์…
JavaScript Syntax ก็คือกฎที่กำหนดระเบียบการจัดโครงสร้างของการเขียนโค้ด เช่น การประกาศตัวแปร การกำหนดค่าให้ตัวแปร การประมวลผล เป็นต้น การประกาศตัวแปร ตัวแปร คือคำหรือตัวอักษรใด ๆ ที่เราสร้างขึ้นมาเพื่อเก็บค่าข้อมูลอย่างใดอย่างหนึ่ง เช่น ค่าตัวเลข…
JavaScript Statements สเตทเมนต์ของภาษาจาวาสคริปต์ ประกอบไปด้วย Values, Operators, Expressions, Keywords และ Comments เมื่อเขียนสเตทเมนต์ใด ๆ ไปแล้ว จะปิดท้ายด้วยเครื่องหมายเซมิโคลอน (…