ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    • ฟอนต์ THSarabunNew
    • ฟอนต์ Sarabun
    • ฟอนต์ Mali
    • ฟอนต์ Trirong
    • ฟอนต์ Maitree
    • ฟอนต์ Taviraj
    • ฟอนต์ Kodchasan
    • ฟอนต์ ChakraPetch
{ HOWTo } CODINg: { HTML; }

ลำดับตอนที่ #1 : { INTRo | พื้นฐานเกี่ยวกับ HTML

  • อัปเดตล่าสุด 11 ก.ค. 53


หลายๆ คนอยากเรียนเขียนโค้ด ก็มักจะเจอคำว่า HTML อยู่เป็นประจำ ที่เจอพอๆ กันก็พวก Javascript, CSS, ฯลฯ แล้วบางคนก็ไม่รู้ว่ามันคืออะไร ก็เหมาๆ ไปว่ามันคือโค้ด แต่ความจริงแล้วมันก็คือโค้ดน่ะแหละ แต่ลักษณะเป็นอย่างไรนั่นก็อีกเรื่องหนึงครับ

HTML คืออะไร ?

HTML ย่อมาจาก Hypertext Markup Language เป็นภาษาอังกฤษที่ดูจะแปลยาก เอาเป็นว่าเข้าใจง่ายๆ ว่า มันคือภาษาที่ใช้ แสดงผลหน้าเว็บ แล้วกันครับ บางคนอาจจะเถียงว่า php, asp, aspx ก็ทำได้ แต่ผมก็จะเถียงกลับว่า ถ้าจะแสดงผลออกมา ยังงั๊ย มันก็ต้องใช้ HTML อยู่ดี

HTML เป็นยังไง ?

การเขียน HTML ทำได้ง่ายๆ (รึเปล่า ?) โดยการใช้คำสั่งใน HTML เราจะเรียกว่า การใช้แท็ก (Tag) โดยเราจะเห็นอย่างคุ้นเคย แท็กก็คือพวก <img> <a> <div> <table> <tr> <td> <noscript> <script> ฯลฯ นั่นเองครับ แท็กนั้นมีมากมาย เยอะจนไม่อยากจะ saidddd (555+) เราไม่ต้องจำทั้งหมดก็ได้ แต่ควรจำแท็กที่สำคัญๆ โดยแท็กจะเป็น <ชื่อแท็ก> นั่นเองครับ

Tag ใช้ยังไง ?

แท็กแบ่งเป็นสองส่วน คือแท็กเปิด และแท็กปิด ตัวอย่างเช่นแท็ก <b> ก็มีแท็ก </b> เป็นแท็กปิด โดยแท็กบางอันไว้กำหนดเนื้อหาที่อยู่ภายในแท็ก เช่น <b> มีความหมายเป็นทำตัวหนา ใช้แบบนี้ <b>CODERs' WORLD</b> ก็จะได้ผลเป็น CODERs' WORLD นั่นเองครับ แต่บางอันก็ไม่ต้องมีเนื้อหาข้างใน เช่น <img> เอาไว้ใส่รูป ซึ่งเราจะมาเรียนรู้ในตอนต่อๆ ไปจ้า
ติดตามเรื่องนี้
เก็บเข้าคอลเล็กชัน

ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

loading
กำลังโหลด...

อีบุ๊ก ดูทั้งหมด

loading
กำลังโหลด...

13ความคิดเห็น

กำลังโหลด...

13ความคิดเห็น

กำลังโหลด...
×
แทรกรูปจากแกลเลอรี่ - Dek-D.com
L o a d i n g . . .
x
เรียงตาม:
ใหม่ล่าสุด
ใหม่ล่าสุด
เก่าที่สุด
ที่กำหนดไว้
*การลบรูปจาก Gallery จะส่งผลให้ภาพที่เคยถูกนำไปใช้ถูกลบไปด้วย

< Back
แทรกรูปโดย URL
กรุณาใส่ URL ที่ขึ้นต้นด้วย
http:// หรือ https://
กำลังโหลด...
ไม่สามารถโหลดรูปภาพนี้ได้
*เมื่อแทรกรูปเป็นการยืนยันว่ารูปที่ใช้เป็นของตัวเอง หรือได้รับอนุญาตจากเจ้าของ และลงเครดิตเจ้าของรูปแล้วเท่านั้น
< Back
สร้างโฟลเดอร์ใหม่
< Back
ครอปรูปภาพ
Picture
px
px
ครอปรูปภาพ
Picture