เครื่องมือพัฒนาเว็บ HTML

html-html

ทำยังไงจะทำเว็บเป็น ทำยังไงจะทำเว็บให้เก่งเหมือนกับมืออาชีพ สิ่งหนึ่งที่ทุกๆ คนที่สนใจการทำเว็บต้องไม่พลาด นั่นคือ การเรียนรู้การใช้งานหรือคำสั่งของภาษา HTML เพราะขนาดเวลาที่เราต้องการส่งอีเมล โพสต์ข้อความบนเว็บบอร์ด ยังมีการใช้งานภาษา HTML เข้าช่วยเลย ตัวอย่างเช่น การใส่ข้อความหนา ก็ใช้คำสั่งแท็ก <b>ตัวหนา</b> หรือ <strong>ตัวหนา</strong> เป็นต้น

HTML คืออะไร

HTML ย่อมาจาก HyperText Markup Language เป็นภาษามาตราฐานที่ใช้สำหรับการแสดงผลบนเว็บ ไม่ว่าเราจุะใช้เครื่องมือในการทำเว็บตัวไหน เช่น PHP, ASP, Joomla, WordPress เป็นต้น ท้ายที่สุดก่อนการแสดงผล browser ก็จะทำการแปลงเป็นภาษา HTML ดังนั้น การจะทำเว็บในระดับมืออาชีพ เราจำเป็นต้องเรียนรู้การคำสั่งของภาษา HTML เป็นหลักการ

สำหรับ Tool หรือเครื่องมือในการเขียน สามารถใช้โปรแกรม NotePad ที่มาพร้อมกับ Windows ทุกรุ่นก็ได้ และถ้าจะให้ดี แนะนำให้ใช้โปรแกรม NotePad++ สนใจดาวน์โหลดได้ฟรี https://notepad-plus-plus.org/

ทำความรู้จักพื้นฐานของภาษา HTML

  • เครื่องมือที่สร้าง สามารถใช้ Text Editor เช่น โปรแกรม Notepad, Wordpad บน Windows ได้ทันที ไม่ต้องเสียเงินในการซื้อเครื่องมือในการพัฒนาแต่อย่างใด
  • ไฟล์ที่สร้าง จะมีนามสกุลชื่อ .htm หรือ .html ก็ได้
  • การแสดงผล สามารถสั่งเปิดด้วย browser ใดๆ ก็ได้
  • ขนาดไฟล์มีขนาดเล็กมาก เพราะมีแต่ข้อความ

เรียนรู้คำสั่งพื้นฐานของภาษา HTML

  • คำสั่งของภาษา HTML เรียกว่า แท็ค (Tag)
  • Tag จะประกอบด้วย เครื่องหมายน้อยกว่า (<) + คำสั่ง + เครื่องหมายมากกว่า (>) ตัวอย่่างเช่น Tag <br> หมายถึงขึ้นบรรทัดใหม่ เป็นต้น
  • Tag มี 2 ประเภท คือ
    • Tag เดี่ยว คือ Tag ที่สามารถสั่งการได้เพียงคำสั่งเดียว ไม่ต้องมีคำสั่งปิด
    • Tag คู่ คือ Tag ที่เวลาใช้งานต้องมีคู่กัน เช่น <b> ข้อความ </b> ซึ่ง Tag ปิด จะมีสัญลักษณ์ สแลส “/”
  • คำสั่งหรือ Tag สามารถพิมพ์ตัวเล็ก หรือตัวพิมพ์ใหญ่ได้ มีผลเหมือนกัน

คำสั่งพื้นฐานที่น่าสนใจ สามารถนำไปโพสต์ เว็บบอร์ด

  • คำสั่ง ทำตัวอักษรหนา
    • คำสั่ง <b> ข้อความ </b> หรือ <strong> ข้อความ </strong>
  • คำสั่ง ทำตัวอักษรเอียง
    • คำสั่ง <i> ข้อความ </i > ข้อสังเกต ตัวอักษร ไอ (i) ย่อมาจาก Italic นั่นเอง
  • คำสั่ง ขีดเส้นใต้
    • คำสั่ง <u> ข้อความ </u>ข้อสังเกต ตัวอักษร ยู (u) ย่อมาจาก underline นั่นเอง
  • คำสั่งในการใส่สีตัวอักษร
    • คำสั่ง <font color = “red”> ข้อความ </font> เราสามารถใช้ชื่อสีได้ หรืออาจใช้รหัสสีได้เช่นกัน ซึ่งจะได้ความแตกต่างของสีมากกว่าการใช้ชื่อสีปกติ (ตัวอย่างรหัสสี “#fac302” หมายถึง สีส้ม เป็นต้น)
  • คำสั่งขึ้นบรรทัดใหม่
    • คำสั่ง <br> ถ้าต้องการขึ้นบรรทัดใหม่หลายบรรทัด ให้ใส่คำสั่งนี้ซ้ำๆ เช่น <br><br> หมายถึงขึ้นบรรทัด 2 บรรทัด

จุดเด่นของภาษา HTML

  • ยืดหยุ่นในการเขียน
  • เข้าใจง่าย ไม่ซับซ้อน
  • เป็นภาษาพื้นฐานที่นักพัฒนาเว็บไซต์ต้องทราบ

จุดอ่อนของภาษา HTML

  • การสร้างเว็บเพจใดๆ จะต้องมีการเขียนใหม่ทั้งหมด แต่อาจ copy มาจากหน้าเว็บอื่นๆ ได้ กรณีที่มีความคล้ายคลึงกัน
  • ไม่มีการเชื่อมต่อกับฐานข้อมูลตรงๆ อาจต้องใช้ภาษาอื่นเข้าช่วย

ตัวอย่างหน้าเว็บเพจ หนึ่งหน้าที่เขียนด้วยภาษา HTML

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

Avatar
About Mr. ONE - Admin 1532 Articles
ทำงานด้านไอทีโดยเฉพาะ ชอบเทคโนโลยีเป็นชีวิตจิตใจ ชอบขีดๆ เขียนๆ โดยเฉพาะเขียนข้อมูลเกี่ยวกับการใช้คอมพิวเตอร์ โปรแกรม มีประสบการณ์การเขียนหนังสือคอมพิวเตอร์ เขียนแบบเรียนระบบสารสนเทศทางด้านโรงแรม

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.