ตัวอย่างเว็บไซต์ภาษา HTML

สร้างด้วยภาษา HTML ล้วนๆ // เรียนไป ทำไป ดูไป ปรับไป.........เดี๋ยวดีเอง .... !

Coding Tutorial HTML CSS Java Script PHP SQL

HTML + Bootstrap 5 Framework

การสร้างเว็บไซต์ด้วยภาษา HTML โดยผนวกกับการใช้เฟรมเวิร์คของ Bootstrap จะทำให้หน้าเว็บมีความสวยงามขึ้น และรองรับหน้าจอหลายขนาดได้ ทั้งหน้าจอคอมพิวเตอร์ แท็ปเล็ต และมือถือ เราสามารถเข้าไปดูและศึกษาวิธีการได้ที่ www.w3schoolx.com คลิกเข้าดูเว็บไซต์ เว็บไซต์นี้เราสามารถเรียนรู้ได้ฟรีทุกภาษา เริ่มตั้งแต่ภาษาพื้นฐาน เรียกว่าเป็นภาษาชาวบ้านคือ HTML การเขียนภาษา CSS ภาษาสคริปต์ Javascript เรือ่งฐานข้อมูล SQL ภาษา Python ภาษา Java ภาษา PHP เฟรมเวิร์ค Bootstrap ภาษา C และอื่นๆ ดูได้จากหัวเว็บไซต์

และล่าสุดเขาได้ปล่อยคลิปไว้ใน Youtube ให้เราได้ศึกษาเพื่อเข้าใจได้ง่ายด้วย ดูได้ที่ https://youtu.be/ewZ_YWbIWXI คลิกดูคลิป

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

เข้าไปที่ www.w3schoolx.com

ที่แถบด้านบนคลิก BOOTSTRAP

ที่แถบแถบเมนูด้านซ้ายคลิก BS Get Started

ดูเนื้อหาหน้ากลาง เลื่อนลงมาจนเจอเนื้อหา Two Basic Bootstrap Pages จะมีโค้ดตัวอย่างที่เราสามารถคัดลอกไปทำเว็บไซต์ได้เลย

หรือถ้าเราอยากจะลองทำดูก่อนในหน้าเว็บไซต์ก็ได้โดยคลิกที่ Try it Yourself ลองทำดู

ถ้าเราพอใจแล้วก็คัดลอกโค้ดทั้งหมดไปวางในหน้าโปรแกรม Notepad แล้วบันทึกไว้ที่ใดที่หนึ่งในเครื่องคอมพิวเตอร์ โดยเลือกตั้งค่าการบันทึกเป็น UTF8 เพื่อให้รองรับภาษาไทย เลือก All files แล้วตั้งชื่อไฟล์ว่า index.html (ต้องใช้ชื่อภาษาอังกฤษ ตามด้วย .html เท่านั้น)

จากนั้นเปิดไฟล์ index.html ดูได้จากโปรแกรมบราวเซอร์ของ Chrome หรืออื่นๆ ก็ได้ ส่วนการแก้ไขเราเปิดไฟล์ด้วยโปรแกรม Notepad แล้วแก้ไขในโปรแกรมได้เลย คลิกบันทึก และคลิดดูผลงานเป็นระยะๆ จนพอใจก่อนอัพโหลดขึ้นเว็บไซต์

เรียนรู้จากคลิปวิดีโอ

@yaaikinv4

เช้าๆ เย็นๆ นั่งเล่นผ่อนคลาย

นั่งจิบกาแฟชิวๆ

บริการไถไร่นาสวน

บริการซ่อมจักรยานยนต์

บริการตัดผม

บริการหลากหลาย เพื่อรับใช้พ่อแม่พี่น้อง

ตัวอย่างเว็บไซต์ภาษา HTML