บางครั้งการที่เราจะทำเว็บไซต์แต่เราก็ไม่รู้ว่าจะใช้คำสั่ง หรือภาษาไหนในการจัดทำเว็บไซตืให้ดูน่าสนใจแล้วเราได้ทำบทความเพื่อเป็นทางเลือก โดยคำนึงถึงความแตกต่างของแต่ละ ภาษาว่ามีข้อแตกต่างกันอย่างไร โดยเราจะเปรียบเทียบให้ดูระหว่างภาษา HTML , CSS , JavaScript มีความแตกต่างกันอย่างไร หลังจากนั้นคุณก็จะตัดสินใจได้ว่าจะใช้ภาษาอะไร
ภาษา HTML : เป็นภาษาที่นิยมใช้กันมากในการเริ่มต้นสร้างเว็บไซต์ต่างๆเพราะเป็นภาษาที่เขียนง่ายมากๆ แต่มีปัญหาที่ว่าไม่สามารถที่จะใช้ภาษา HTML
ในการเชื่อต่อฐานข้อมูลได้ โดยมีตัวอย่างคำสั่งที่ใช้เขียน
คำสั่ง
- <p> ขึ้นย่อหน้าใหม่
< html > เริ่มต้อนเขียนและสิ้นสุดเขียน
< head > กำหนดตรงหัวเรื่อง
< body > ใช้ใส่เนื้อหาที่เราจะเเสดงบนเว็บ
<h1-h6> ใช้สำหรับเพิ่มขนาดตัวอักษรที่เขียนลงบนเว็บใหญ่หรือเล็กแล้วแต่จะเลือกใช้
ภาษา CSS : เป็นภาษาที่นิยมใช้กันในการตกแต่งเว็บไซต์ของเราให้มีความสวยงาม เช่น ใส่สีพื้นหลัง ใส่สีข้อความตัวอักษร ใส่สีในตาราง เป็นต้น โดยภาษา Css สามารถ save เป็นไฟล์ .css แยกออกมาได้เลย แล้วค่อยเอาลิ้ง ไปใส่ โดยมีตัวอย่างคำสั่งที่ใช้เขียน จะเขียนภายใต้ <style>
คำสั่ง
- font-weight >> ขนาดตัวอักษร
text-align >> ใช้กำหนดตำแหน่งตัวอักษร เช่น อยู่ว้าย ขวา ตรงกลาง
color >> ใช้ใส่สีต่าง่ เช่น สีตัวอักษร
font-family >>
background-color >> ใช้ใส่สีพื้นหลัง
ภาษา Javascript : เป็นภาษาที่ใช้ในการสร้างพวกภาพเครื่องไหว บนเว็บไซต์ เพื่อดึงดูดความหน้าสนในให้กับผู้เข้าชม และสามารถใช้งานร่วมกับภาษา HTML แล้วภาษา Javascript จะเป็นภาษาที่คนเอามาเขียนน้อย หลักการเขียนยากกว่าภาษา CSS , HTML ส่วนมากจะเป็นพวก ที่มีอาชีพทางด้านเว็ไซต์โดยตรงจะใช้เขียนกันมากกว่า โดยมีตัวอย่างคำสั่งที่ใช้เขียน
คำสั่ง
- OnClick >>> เมื่อคลิกเมาส์ที่ปุ่มจะเกิดการเปลี่ยนแปลง
OnKeyDown >>> เมื่อกดคีย์บอร์ด จะมี Pop Up ขึ้นมาทันที
OnMouseUp >>> คลิกที่ปุ่มจะมี Pop Up ขึ้นมา
OnSubmit >>> ใส่ข้อความแล้วจะมีหน้า Pop Up ขึ้นมาให้ยืนยัน
สรุป
จากที่ได้กล่าวมา ถึงความแตกต่างของแต่ละภาษาแต่ก็ขึ้นอยู่กับความถนัดและความเหมาะสมของแต่ละงานว่าจะเอาไปใช้แบบไหนถ้าเราต้องการจะเขียนเว็บไซต์ ด้วยภาษาที่มีlogicไม่ยาก ก็แนะนำให้เป็น HTML แต่ถ้าคนไหนอยากทำภาพเคลื่อนไหวสวยๆก้ให้ทำภาษา Javascript ทั้งหมดนี้ก็เป็นทางเลือกของผู้ใช้งาน
แห่งที่มา :
>>>https://www.thaicss.com/%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%81%E0%B8%95%E0%B8%81%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%82%E0%B8%AD%E0%B8%87-xhtml-xml-html-css-%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A3/
>>> https://sites.google.com/site/thunyarat2010/hnwy-thi-5-phun-than-phasa-html5-css-laea-javascript
>>>https://medium.com/@narongkonkongprasert/%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%AA%E0%B8%B1%E0%B8%A1%E0%B8%9E%E0%B8%B1%E0%B8%99%E0%B8%98%E0%B9%8C%E0%B8%A3%E0%B8%B0%E0%B8%AB%E0%B8%A7%E0%B9%88%E0%B8%B2%E0%B8%87-html-js-css-f06e79cbd0e3