ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน



        3.4  ใส่เนื้อหาในแท็กคำสั่ง <body>


                หลังจากที่เรากำหนดส่วนหัวของเอกสารได้แก่ กำหนดชื่อเรื่องใน<title>,และกำหนดข้อมูลใน <mata>แล้ว
เราก็พร้อมจะที่จะสร้างส่วนของเนื้อหาของเราที่ต้องการให้แสดงผลในเว็บเบราว์เซอร์ได้ ซึ่งส่วนของเนื้อหานี้จะถูก
เขียนไว้้ในแท็กคำสั่ง <body>……</body>


สรุปโครงสร้างหลักของเอกสาร HTML


 

        3.5  การกำหนดภาษาใน HTML5

               การกำหนดภาษาพื้นฐานที่จะใช้ในหน้าเอกสาร เป็นสิ่งสำคัญสำหรับโปรแกรมต่างๆ ที่เข้าถึงหน้าเอกสารนั้น
รวมทั้งโปรแกรมค้นหาอย่าง Search engines ทางที่ง่ายที่สุดในการกำหนดภาษาในเอกสาร HTML ก็คือการใส่คำสั่ง lang ในแท็กคำสั่งหลัก <html> ตัวอย่างเช่น

<html lang=“en”>

                จากตัวอย่างนี้ค่าที่กำหนดคือ en ซึ่งเป็นการกำหนดว่าเอกสารนี้ถูกเขียนในภาษาอังกฤษแต่ก็จะไม่ม
ีปัญหาใด ๆ ถ้าในเอกสารนั้นมีภาษาอื่นอยู่ด้วย


         3.6  การใส่หมายเหตุ (Comment)


                 HTML ก็เหมือนกับการเขียนโปรแกรมภาษาส่วนใหญ่ที่สามารถเขียนหมายเหตุลงไปได้ ซึ่งหมายเหตุนี้อาจเป็นข้อความเพื่อเตือนความจำของผู้เขียน หรือบอกให้ผู้ศึกษาโปรแกรมของเราได้ทราบ
โดยเว็บเบราว์เซอร์จะไม่ประมวลในส่วนนี้ ส่วนของหมายเหตุจะขึ้นต้นด้วย <!— ตามด้วยข้อความหมายเหตุ
ที่ต้องการ ซึ่งเป็นอะไรก็ได้ยกเว้นขีดคั่นคู่ (--) เนื่องจากเป็นเครื่องหมายบอกจุดสิ้นสุดของส่วนนี้  (-->) เช่น

<meta name=“author” content= “ittiwiti”> <!—บอกชื่อผู้เขียน -- >

         3.7 ตัวอย่างเว็บเพจที่เขียนด้วย HTML5


<!DOCTYPE html>
<html lang ="en">
     <head>
     <!--basic.html -->   
              <title> basic.html </title>  
              <meta charset="UTF-8">
     </head>
     <body>

                <h1> Level One Headline </h1>
                <p>
                        This is a paragraph.
                         Note that the text is automatically wrapped.
                </p>

     </body>
</html>