ใน HTML สร้าง dropdown list (รายการแบบเลื่อนลง) ได้ง่ายด้วยแท็ก <select> ร่วมกับ <option> สำหรับรายการตัวเลือก เพื่อตั้งค่าเริ่มต้น (preselect) ให้เพิ่มแอตทริบิวต์ selected ในแท็ก <option> ของรายการที่ต้องการ ตัวอย่าง <!DOCTYPE html> <html> <head> <title&

แท็ก <iframe> ใช้สำหรับระบุ inline frame (เฟรมแทรก) สำหรับฝังเอกสารอื่นภายในเอกสารปัจจุบัน สร้างได้ง่ายมาก แอตทริบิวต์หลักของ <iframe> แอตทริบิวต์คำอธิบาย srcURL ของเอกสารที่จะฝัง (บังคับ) widthความกว้าง (พิกเซล หรือ %) heightความสูง (พิกเซล) nameชื่อของ iframe (ใช้เป็น target

HTML มีหลายแท็กสำหรับจัดรูปแบบ เนื้อหา หัวข้อ จัดวาง เพิ่ม section แท็กจำเป็น 5 ตัวคือ: doctype, <html>, <head>, <title>, <body> รายละเอียด DOCTYPE – <!DOCTYPE html> ระบุเวอร์ชัน HTML <html> – คอนเทนเนอร์หลัก ครอบทุก element (ยกเว้น DOCTYPE) <head> –

HTML มีหลายแท็กสำหรับจัดรูปแบบ เนื้อหา หัวข้อ จัดวาง เพิ่ม section แต่ แท็กสำคัญที่สุด 4 ตัว คือ: doctype, <html>, <head>, <body> รายละเอียดแต่ละแท็ก DOCTYPE <!DOCTYPE html> – ประกาศเวอร์ชัน HTML (HTML5) วางบรรทัดแรกเสมอ <html> คอนเทนเนอร์ของทุก element ยกเว้น

เพื่อตั้งชื่อเอกสาร HTML ให้ใช้แท็ก <title> วางไว้ระหว่าง <head> และ </head> ชื่อเอกสารจะแสดงบนแท็บเบราว์เซอร์และแถบชื่อ (title bar) สำคัญสำหรับ SEO ตัวอย่าง <!DOCTYPE html> <html> <head> <title>HTML Title</title> </head> <body>

แท็ก <style> ใช้ประกาศสไตล์ชีทภายในส่วนหัว (<head>...</head>) ของเอกสาร HTML เรียกว่า Internal CSS เป็นหนึ่งในวิธีเพิ่ม CSS ใน HTML <style> ใช้ใน <head> กำหนด CSS สำหรับหน้าเดียว (single page) ตัวอย่างการใช้ <style> <!DOCTYPE html> <html> <head>

เอกสาร HTML คือเพจเว็บที่แสดงเนื้อหาบนเว็บไซต์ ประกอบด้วยแท็กที่มีทั้ง opening และ closing tags แต่มีบางแท็กไม่ได้คู่ (void elements) ไม่มี closing tag โครงสร้างขั้นพื้นฐานก็มีแท็กที่ต้องมีอยู่ องค์ประกอบหลัก DOCTYPE Declaration เริ่มต้นด้วย <!DOCTYPE html> บอกเบราว์เซอร์ว่าเป็น HTML5 &

ใน HTML ข้อกำหนดขั้นพื้นฐานคือ: doctype declaration, <html>, <head> และ </body> แต่คุณอาจประหลาดใจได้ว่า เอกสาร HTML ที่ถูกต้องสามารถทำงานได้โดยไม่มีแท็ก <head> DOCTYPE declaration <!DOCTYPE html> จะต้องมาอยู่เสมอ เพราะบอกเบราว์เซอร์ว่าเอกสารนี้เป็น HTML version อะไร ตั

แท็ก <link> ใช้ใน HTML เพื่อกำหนดความสัมพันธ์กับทรัพยากรภายนอก มักใช้เชื่อมไฟล์ CSS ภายนอก (external style sheets) วางภายในแท็ก <head>...</head> และ ไม่มีแท็กปิด แอตทริบิวต์ href ใช้ระบุพาธ/ลิงก์ของไฟล์ CSS ตัวอย่าง: รวม CSS ภายนอก ไฟล์ HTML: <!DOCTYPE html> <html> &l

แท็ก <script> ใน HTML ใช้สำหรับประกาศสคริปต์ภายในเอกสาร เพื่อกำหนด JavaScript ฝั่งไคลเอนต์ (client-side) แอตทริบิวต์ของแท็ก <script> แอตทริบิวต์ค่าคำอธิบาย asyncasyncสคริปต์รันแบบ asynchronous charsetcharsetกำหนด character encoding deferdeferสคริปต์ไม่สร้างเนื้อหา เบราว์เซอร์พาร

แท็ก <script> ใช้ประกาศสคริปต์ภายในเอกสาร HTML สำหรับ JavaScript ฝั่งไคลเอนต์ (client-side) แต่ถ้าต้องการเพิ่มไฟล์ JavaScript ภายนอก ให้ใช้แอตทริบิวต์ src ของแท็ก <script> แอตทริบิวต์สำคัญของ <script> แอตทริบิวต์ค่าคำอธิบาย asyncasyncระบุว่าสคริปต์รันแบบ asynchronous (ไม่บล็อก

เพื่อดึงวันที่และเวลาปัจจุบันใน JavaScript ให้ใช้อ็อบเจ็กต์ Date ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <p id=currentDate></p> <script> document.getElementById(currentDate).innerHTML = Date(); </script> </body> </html> ว

เพื่อแสดงอาร์เรย์ของอ็อบเจ็กต์ใน JavaScript ให้ใช้เมธอด JSON.stringify() ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <pre id=test></pre> <script> var data = [{ date: new Date(2017, 11, 25), value: 10 }, { date: new Date

เพื่อดึงปีปัจจุบันใน JavaScript ให้ใช้เมธอด getFullYear() ของอ็อบเจ็กต์ Date ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <p>Click below to get the current year:</p> <button onclick=display()>Display Year</button> <p id=test></p>

มาดูเงื่อนไขทั้งสองทีละขั้นตอน: 1. if(0 == false) ปฏิบัติตามกฎการเปรียบเทียบแบบ Type Coercion (การแปลงชนิดข้อมูลโดยอัตโนมัติ): If Type(y) is Boolean, return the result of the comparison x == ToNumber(y) ตัวดำเนินการ == ทำการแปลงชนิด (type coercion) ดังนี้: ด้านซ้าย 0 (string) ถูกแปลงเป็นตัวเลข 0

เพื่อพิมพ์รูปสามเหลี่ยมจากอักขระ # ต้องใช้ nested for loop (ลูปซ้อน) ตัวอย่างโค้ด <html> <head> <body> <p>Printing a triangle</p> <script> var i, j; for(i=1; i < 5; i++) { // inner loop for(j=1; j<=i; j++) {

JavaScript เป็นภาษา Object Oriented Programming (OOP) ภาษาโปรแกรมจะถูกเรียกว่าเชิงวัตถุได้ หากให้ความสามารถพื้นฐาน 4 ข้อต่อไปนี้แก่ผู้พัฒนา: Encapsulation (การห่อหุ้ม) – ความสามารถในการเก็บข้อมูลหรือเมธอดที่เกี่ยวข้องร่วมกันภายในอ็อบเจ็กต์ Aggregation (การรวมกลุ่ม) – ความสามารถในการเก็บอ็อบเจ็ก

ในการสร้างอ็อบเจ็กต์ ใช้คีย์เวิร์ด new เพื่อสร้างอินสแตนซ์ของอ็อบเจ็กต์ ตามด้วยเมธอด constructor Constructor คือฟังก์ชันที่สร้างและเริ่มต้นอ็อบเจ็กต์ JavaScript มีฟังก์ชัน constructor พิเศษชื่อ Object() สำหรับสร้างอ็อบเจ็กต์ ค่าที่คืนจาก Object() จะถูกกำหนดให้กับตัวแปร ตัวแปรนี้จะเก็บ reference (อ้า

แอตทริบิวต์ defer ใช้ระบุว่าการรันสคริปต์จะเกิดขึ้นเมื่อหน้าเว็บโหลดเสร็จแล้ว ใช้ได้เฉพาะกับสคริปต์ภายนอก (external scripts) และเป็น boolean attribute ตัวอย่างการใช้งาน โค้ดด้านล่างแสดงวิธีใช้แอตทริบิวต์ defer: <!DOCTYPE html> <html> <body> <script src=defer_test.js defer&

การพัฒนาเว็บไซต์รวมถึงการเขียนโค้ดใน HTML, CSS, JavaScript และแพลตฟอร์มที่เลือกใช้ แม้เว็บไซต์จะดูถูกต้อง Responsive และพัฒนาตามมาตรฐาน แต่ก็อาจมีปัญหาภายในที่ไม่เห็นได้ W3C จัดเตรียมเครื่องมือสำหรับตรวจสอบความถูกต้องของโค้ดเว็บไซต์: 1. Validate HTML5 - Validator.nu Validator.nu เป็นเครื่องมือตรวจสอ