ความแตกต่างระหว่าง HTML, CSS และ JavaScript

Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ

Moderator: mindphp, ผู้ดูแลกระดาน

winnerzx
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 666
ลงทะเบียนเมื่อ: 21/06/2021 10:09 am

ความแตกต่างระหว่าง HTML, CSS และ JavaScript

โพสต์ที่ยังไม่ได้อ่าน โดย winnerzx »

ความแตกต่างระหว่าง HTML, CSS และ JavaScript


บางครั้งการที่เราจะทำเว็บไซต์แต่เราก็ไม่รู้ว่าจะใช้คำสั่ง หรือภาษาไหนในการจัดทำเว็บไซตืให้ดูน่าสนใจแล้วเราได้ทำบทความเพื่อเป็นทางเลือก โดยคำนึงถึงความแตกต่างของแต่ละ ภาษาว่ามีข้อแตกต่างกันอย่างไร โดยเราจะเปรียบเทียบให้ดูระหว่างภาษา HTML , CSS , JavaScript มีความแตกต่างกันอย่างไร หลังจากนั้นคุณก็จะตัดสินใจได้ว่าจะใช้ภาษาอะไร

รูปภาพจาก thaipng
รูปภาพจาก thaipng
รูป 1.png (57.63 KiB) Viewed 3069 times


ภาษา 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
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 61