โครงสร้างการเขียน HTML

Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ

Moderator: mindphp, ผู้ดูแลกระดาน

hayatee
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 670
ลงทะเบียนเมื่อ: 19/04/2021 10:01 am

โครงสร้างการเขียน HTML

โพสต์ที่ยังไม่ได้อ่าน โดย hayatee »

HTML เป็นภาษาคอมพิวเตอร์ในรูปแบบหนึ่ง ที่ใช้สำหรับการสร้างหน้าเว็บ (web Page) เพื่อเก็บข่าวสารข้อมูลที่ต้องการในรูปแบบของเอกสารไฮเปอร์เท็กซ์ มีคุณสมบัติสามารถเชื่อมโยงกับเว็บอื่น ๆโครงสร้างของ HTML จะมีตัว tag ใช้ในการแสดงข้อความ รูปภาพ ผ่านเว็บบราวเซอร์



โครงสร้าง tag
1. <html>............</html>
เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่งสิ้นสุดโปรแกรม คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บบราวเซอร์
แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบ และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML
2. <head>..........</head>
ใช้กำหนดข้อความ ในส่วนที่เป็น ชื่อเรื่อง
เช่น ชื่อเรื่องของหน้าเว็บ , ชื่อผู้จัดทำเว็บ, คีย์เวิร์ดสำหรับการค้นหา โดยมี Tag สำคัญ
3. <title>.............</title>
เป็นส่วนชื่อเอกสาร เป็นการตั้งชื่อไม่ยาวเกิน เพียงให้รรู้ว่าการใช้งานเกี่ยวกับอะไร
และควรใช้ภาษาที่มีความหมายครอบคลุม ถึงเนื้อหาของเว็บเพจนั้น
4. <body>...........</body>
ส่วนเนื้อหาของโปรแกรม เป็นส่วนที่แสดงทางหน้าจอ
ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ
ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน
หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag


ตัวอย่าง การสร้างตาราง แบบพื้นฐานโดยใช้ Bootstrap

โค้ด: เลือกทั้งหมด

<table class="table">
    <caption>คำอธิบายตาราง</caption>
    <thead>
    <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Username</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th scope="row">1</th>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
    </tr>
    <tr>
        <th scope="row">2</th>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
    </tr>
    <tr>
        <th scope="row">3</th>
        <td>Larry</td>
        <td>the Bird</td>
        <td>@twitter</td>
    </tr>
    </tbody>
</table>

ผลลัพท์
ผลลัพท์
Picture1.png (15.28 KiB) Viewed 2479 times


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

อ้างอิง

https://krooampcom.wordpress.com/online/html/html1/
https://pirun.ku.ac.th/~agrtnk/web/units/unit1/unit1-3.htm
https://code-th.com/html/lesson/tables
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 29