เนื้อหาของคอร์ส
พื้นฐานHTML
HTML คือ ภาษาหลักที่ใช้ในการเขียนเว็บเพจ โดยใช้ Tag ในการกำหนดการแสดงผล HTML ย่อมาจากคำว่า Hypertext Markup Languageโดย Hypertext หมายถึงข้อความที่เชื่อมต่อกันผ่านลิงค์(Hyperlink) Markup languageหมายถึงภาษาที่ใช้ Tag ในการกำหนดการแสดงผลสิ่งต่างๆที่แสดงอยู่บนเว็บเพจ ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ Tag ในการกำหนดการแสดงผลเว็บเพจที่ต่างก็เชื่อมถึงกันใน Hyperspace ผ่าน Hyperlink นั่นเองปัจจุบันมีการพัฒนาและกำหนดมาตรฐานโดยองค์กร World Wide Web Consortium (W3C)
0/4
HTML คืออะไร
00:00
ติดตั้ง Visual Studio Code
00:00
แบบทดสอบความรู้
00:10:00
จงตอบคำถามต่อไปนี้
HTML เบื้องต้น
ภาษา HTML HTML ย่อมาจาก Hyper Text Markup Language เป็นโปรแกรมภาษาประเภทหนึ่งสำหรับแสดงข้อความต่าง ๆ ในรูปแบบข้อความ รูปภาพ หรือภาพเคลื่อนไหว ฯลฯ และสามารถเชื่อมโยงข้อมูลไปยังเอกสารอื่นได้ที่มีความสามารถสูงเหนือกว่าเอกสารทั่วไปเพราะสามารถเปิดดูข้อมูลภายในได้ ทำได้โดยการใส่คำสั่งลงไปในเอกสาร ซึ่งเรียกว่า แท็ก (TAG) และการนำเอกสารมาแสดงบนหน้าจอภาพในระบบอินเทอร์เน็ตได้ เรียกดูผลได้บนโปรแกรมเบราเซอร์ได้เลย โครงสร้างของภาษา HTML โครงสร้างของไฟล์ภาษา HTML มี 2 ส่วน คือ 1) ส่วนที่เป็นข้อมูลที่ต้องการแสดง เช่น ข้อความ ภาพ เสียง ภาพเคลื่อนไหว เป็นต้น 2) ส่วนที่เป็นคำสั่งแท็ก (TAG) เพื่อใช้กำหนดลักษณะของข้อมูล โดยกำหนดเป็นแท็กเปิดและแท็กปิด เช่น การวางตำแหน่งของข้อมูล ขนาดของขอความ การกำหนดสีข้อความ ส่วนหัว (HEAD) ประกอบด้วยการกำหนดชื่อของเว็บเพจที่เรียกว่า Title บอกให้ทราบว่าเอกสารนั้นเกี่ยวกับอะไร โดยคำสั่ง เป็นการเริ่มต้นชื่อเรื่องเอกสาร ภายในคำสั่งประกอบด้วยคำสั่ง <TITLE> อีกที่เพื่อแสดงชื่อของเอกสารนั้น ส่วนเนื้อหาของเอกสาร (BODY) ประกอบด้วยส่วนที่เป็นเนื้อหาของเว็บเพจ เช่น ข้อความ ตาราง รูปภาพ พื้นหลังสีตัวอักษร และแบบฟอร์มต่าง ๆ โดยใช้คำสั่ง
0/9
โครงสร้าง HTML
00:00
Meta Tags
00:00
การเขียน Comment
00:00
การกำหนดหัวเรื่อง
00:00
สร้างเส้นคั่นและขึ้นบรรทัดใหม่
00:00
การกำหนด Link ในหน้าเว็บ
00:00
แท็กรูปภาพ (HTML Images)
00:00
การแสดงรายการ (Lists)
00:00
การสร้างตาราง (Table)
00:00
วิชาคอมพิวเตอร์เพื่ออาชีพ 3-4 (ม.5/2 สหศิลป์) ภาคเรียนที่ 2 ปีการศึกษา 2564

  1. ขั้นตอนการติดตั้งโปรแกรม Visual Studio Code หรือ VS Code

    1. เข้าไปที่เว็บไซต์ https://code.visualstudio.com/ และ Download โปรแกรม VS Code โดยเลือกให้ตรงกับ OS ของเครื่องคอมพิวเตอร์
    โดยปกติทางเว็บไซต์จะทราบแล้วว่าเราใช้ OS อะไร

    2. ดับเบิ้ลคลิก หรือคลิกขวาและกด “Open” โปรแกรมที่ดาวน์โหลดมา

    3. คลิกปุ่ม “Run”

    4. เลือก “I accept the agreement” และคลิกปุ่ม “Next >”

    5. เลือกพื้นที่ในการจัดเก็บโปรแกรม (แนะนำให้ใช้ Default ที่ให้มา) และคลิกปุ่ม “Next >”

    6. คลิกปุ่ม “Next >”

    7. เลือกส่วนเพิ่มงานให้เลือก Create a desktop icon และ Add to PATH (requires shell restart) จากนั้นให้คลิกปุ่ม “Next >”

    8. คลิกปุ่ม “Install” เพื่อติดตั้งโปรแกรม

    9. คลิกปุ่ม “Finish” เสร็จสิ้นการติดตั้งโปรแกรม VS Code

ก่อนหน้า
ต่อไป