HTML ย่อมาจาก Hypertext Markup Language
html คือภาษาเขียนเว็บไซต์ที่ใช้เพื่อกำกับข้อมูลต่างๆ และแสดงผลคำสั่งบนหน้า Web Browser
เป็นเหมือนภาษาพื้นฐานที่มีไว้ในการพัฒนาหน้าเว็บไซต์ ในปัจจุบันอยู่ภายใต้การดูแลของ องค์กร World Wide Web Consortium (W3C)
และถูกพัฒนามาถึงเวอร์ชั่น 5 หรือที่เรียกว่า HTML5 โดยเริ่มจาก HTML1 ที่ทำอะไรได้ไม่มากนอกจากโบว์ชัวร์ออนไลน์
ข้อมูลต่างๆ บนหน้าเว็บไซต์จะถูกเชื่อมโยงกันด้วยชุดคำสั่งต่างๆ เพื่อให้แสดงผลออกมาในรูปแบบที่นักออกแบบต้องการให้เป็น
ข้อมูลเหล่านั้นถูกควบคุมโดยการเขียน HTML ทั้งที่เป็นรูปภาพ ข้อความ หรือวัตถุอื่นๆบนหน้าเว็บไซต์
- โครงสร้าง HTML
- Tag สำหรับแสดงข้อความ
- Tag สำหรับ link เชื่อมโยงหน้าเว็บ
- คำสั่งหมายเหตุ ( comment )
- แบบทดสอบ
<html>
<head>
<meta charset="UTF-8">
<title> หัวเรื่อง </title>
</head>
<body>
เนื้อหา
</body>
</html>
1. <html> ...... </html> ในการใช้งาน HTML เราจะต้องเริ่มด้วย <html> และปิดด้วย </html> เสมอ
2. <head> ...... </head> เป็นส่วนที่ใช้ให้รายละเอียดเกี่ยวกับ เว็บเพจหน้านี้ ซึ่งจะไม่แสดงให้เห็นในส่วนของการแสดงผลของ
web browser แต่จะมีผลกับส่วนอื่นๆ เช่น การหาของ search engine (google,yahoo) การใช้งานก็จะมีคำสั่งย่อยเพื่อบรรยายรายละเอียด
เช่น <title> .... </title> , <meta> และอื่นอีกมากมาย
3. <title> .......... </title> ในส่วนตัวอักษรที่อยู่ในคำสั่งนี้จะอยู่ใน title bar ของ web page
4. <body> .......... </body> ตัวอักษรที่อยู่ในคำสั่งนี้จะแสดงส่วนแสดงผลของ web browser
<h1> คือหัวข้อที่สำคัญที่สุด และ <h6> คือหัวข้อที่สำคัญน้อยที่สุด
<p> คือข้อความธรรมดา
<i> คือกำหนดข้อมความตัวเอียง
<u> คือกำหนดข้อมความขีดเส้นใต้
<b> คือกำหนดข้อมความตัวหนา
<sub> คือตัวห้อยข้อความ
<sup> คือตัวยกข้อความ
<del> คือขีดฆ่าข้อความ
<mark> คือไฮไลท์หรือเน้นข้อความ
<a href="หัวข้อ , ที่อยู่ไฟล์ หรือ เว็บไซต์"> ข้อความ </a>
ในการ เชื่อมโยงหน้าเว็บเราจะใช้ Attribute href ของ tag <a> ในการกำหนดการเชื่อมโยง
<!--..........................................-->
ในการ comment จะเปิดด้วย <!-- และปิดด้วย -->