สอนเขียน html ใน notepad เบื้องต้น
นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูเพิ่มเติม
notepad เป็นโปรแกรม freeware ที่มาพร้อมกับตัว windows อยู่แล้ว เป้นโปรแกรมที่นิยมใช้เขียน html เพราะใช้ง่าย และสะดวกต่อการเรียกใช้โปรแกรม
วีดีโอนี้ใช้ในการส่งงานวิชาเทคโนโลยีสารสนเทศเพื่อสื้อสารมวลชน
พื้นฐานที่ควรรู้ก่อนสร้างเว็บ ! | พื้นฐาน HTML5\u0026CSS3 ใน 3 ชั่วโมง Ep.0
รวมพื้นฐานที่ควรรู้เบื้องต้นก่อนเริ่มสร้าเว็บด้วย HTML5 และ CSS3 กันเลย หากชอบถูกใจอย่าลืม ! กด Like และ Subscribe เพื่อเป็นกำลังใจให้พวกเราด้วยนะครับผม ^_^
สำหรับการดาวน์โหลดโปรแกรม Visual Studio Code สามารถดาวน์โหลดได้แล้วที่นี่ : https://code.visualstudio.com
➤Kittikorn Prasertsak (Prame)
Founder of BorntoDev
➤กดติดตามช่องของ Youtube ได้ที่ : https://www.youtube.com/c/BorntoDevTH?sub_confirmation=1
➤Facebook : https://www.facebook.com/borntodev
➤Website : http://www.borntodev.com
การเขียนโปรแกรมด้วยภาษา html 1/2 : konarong
ฝากกดติดตามด้วนนะครับ (ขอบคุณครับ)
======================================================
โค้ดใส่วีดิโอ
http://konarong.com/pos_Knowledge_html_vedio_code.php
======================================================
เฟสบุ๊ค https://www.facebook.com/profile.php?id=100004902134257
เขียนเว็บเบื้องต้น #0: ติดตั้งโปรแกรมและรู้จักโครงสร้างของ HTML | Basic Web Programming
ตอนแรกนี้จะแนะนำโปรแกรมที่ใช้ในการเขียนภาษา HTML และมาทำความรู้จักกับโครงสร้างของภาษา HTML แบบง่ายๆ กันก่อน
ปล. หลังจากนี้ผมจะทดสอบเว็บด้วย google chrome สำหรับใครที่เปิดไฟล์ใน chrome ไม่เป็นให้ทำตามนี้นะครับ คลิกขวาที่ไฟล์ .html เลือก open with เลือก google chrome
ใครที่สงสัยอะไร หรือมีข้อมูล คำแนะนำดีๆ สามารถ Comment ไว้ได้นะครับ
ปูพื้นฐานการสร้างเว็บด้วย HTML5 จบในคลิปเดียว
สนับสนุนช่องด้วยการสมัครสมาชิก (Membership):
https://www.youtube.com/channel/UCQ1r_4xPfETLIU4pqf98w/join
🕵 เรียนคอร์ส JavaScript 30 Workshop บน Udemy :
https://www.udemy.com/course/javascript30workshop/?referralCode=E5EF637C90FC6B8A8E26
🏫 ห้องเรียน KongRuksiam :
https://kongruksiam.teachable.com/
โค้ดประกอบการสอน :
https://github.com/kongruksiamza/htmlbasic
ดาวน์โหลด Visual Studio Code :
https://code.visualstudio.com/
ประกอบด้วยเนื้อหา :
0:00 HTML5 คืออะไร
12:24 ติดตั้ง Visual Studio Code
21:48 โครงสร้าง HTML
35:56 Meta Tags
42:59 การเขียน Comment
47:43 การกำหนดหัวเรื่อง (Heading)
01:07:22 สร้างเส้นคั่นและขึ้นบรรทัดใหม่
01:12:11 การกำหนด Link ในหน้าเว็บ
01:23:19 แท็กรูปภาพ (HTML Images)
01:35:38 การแสดงรายการ (Lists)
01:51:29 การสร้างตาราง (Table)
02:09:02 Attribute ของตาราง
02:29:06 แท็ก div และ แท็ก span
02:39:01 การสร้างฟอร์ม (HTML Form)
03:17:03 Block vs Inline
03:25:33 Class \u0026 Id
03:37:20 Semantic Tags
03:51:02 HTML Entity
04:08:35 การเล่นวิดีโอ (Video)
04:17:56 การเล่นเสียง (Audio)
ปูพื้นฐาน JavaScript (ES6):
https://www.youtube.com/watch?v=4bKaLDwCVP4\u0026list=PLltVQYLz1BMBOTnaiwtpENjN01GRM0xau
ปูพื้นฐาน HTML5 :
https://www.youtube.com/watch?v=0hfeNPM7piw\u0026list=PLltVQYLz1BMDfN2ZmyJKEv4VlpM_9m67
ปูพื้นฐาน CSS3 :
https://www.youtube.com/watch?v=HcInSUzhaUc\u0026list=PLltVQYLz1BMBeWsNwB06VT3t8m5575qCP
สอน JavaScript 20 Workshop [2020]:
https://www.youtube.com/watch?v=9FO4bACWmiI\u0026list=PLltVQYLz1BMBezCn1FldaKLXq8S92q2w6
สร้างเว็บด้วย HTML5 KongRuksiam
ติดตามข่าวสารของเราได้ที่แฟนเพจ :
https://www.facebook.com/pg/KongRuksiamTutorial/
นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูวิธีอื่นๆDocument
