Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

องค์ประกอบโค้ดคอมพิวเตอร์ HTML


ในการแสดงรหัสคอมพิวเตอร์บนหน้าเว็บ องค์ประกอบบางอย่างมีให้ในรูปแบบ HTML ให้เราดูองค์ประกอบเหล่านั้นทีละอย่าง -

  • <!DOCTYPE html>
    <html>
    <body>
    <h2>Shortcut Keys</h2>
    <p>Use the following shortcut keys −</p>
    <p><strong>Cut</strong> − <kbd>CTRL</kbd>+<KBD>X</kbd></p>
    <p><strong>Copy</strong> − <kbd>CTRL</kbd>+<KBD>C</kbd></p>
    <p><strong>Paste</strong> − <kbd>CTRL</kbd>+<KBD>V</kbd></p>
    <p><strong>Undo</strong> − <kbd>CTRL</kbd>+<KBD>Z</kbd></p>
    </body>
    </html>

    ผลลัพธ์

    องค์ประกอบโค้ดคอมพิวเตอร์ HTML

    <!DOCTYPE html>
    <html>
    <body>
    <h2>Demo Heading</h2>
    <pre>
       This is a demo text
       and will appear
       in the same format as
       it
       is visible
       here. The pre tag displays
       the text in a fixed-width
       font. It preserves
       both spaces and
       line breaks as you can see
       here.
    </pre>
    </body>
    </html>

    ผลลัพธ์

    องค์ประกอบโค้ดคอมพิวเตอร์ HTML

    องค์ประกอบใน HTML

    แท็ก ใช้เพื่อจัดรูปแบบโค้ดในเอกสาร HTML ตัวอย่างเช่น หากคุณต้องการเขียนโค้ด Java และจัดรูปแบบอย่างถูกต้อง ให้ใช้องค์ประกอบ ใน HTML ให้เรามาดูตัวอย่างการใช้งาน องค์ประกอบใน HTML -

    ตัวอย่าง

    <!DOCTYPE html>
    <html>
    <body>
    <h1>Header Files</h1>
    <h2>C++</h2>
    <code>
       #include <iostream>
    </code>
    <h2>C</h2>
    <code>
       #include <stdio>
    </code>
    </body>
    </html>

    ผลลัพธ์

    องค์ประกอบโค้ดคอมพิวเตอร์ HTML

    องค์ประกอบใน HTML

    องค์ประกอบใน HTML ใช้เพื่อแสดงนิพจน์ทางคณิตศาสตร์สำหรับการคำนวณ

    ให้เราดูตัวอย่างการใช้แท็ก ใน HTML −

    ตัวอย่าง

    <!DOCTYPE html>
    <html>
    <body>
    <h2>Mathematical Equation</h2>
    Sample equation − <var>2x</var> - <var>2z</var> = <var>3y</var> + 9
    </body>
    </html>

    ผลลัพธ์

    องค์ประกอบโค้ดคอมพิวเตอร์ HTML

    องค์ประกอบใน HTML

    แท็ก ใน HTML เป็นแท็กวลี เช่น , , ฯลฯ และใช้เพื่อจัดรูปแบบข้อความในเอกสาร HTML

    ให้เรามาดูตัวอย่างการใช้งาน องค์ประกอบ -

    ตัวอย่าง

    <!DOCTYPE html>
    <html>
    <body>
    <h2>Exam Results</h2>
    <p><s>Result would be announced on 6th June.</s></p>
    <samp>New date for results are 7th June.</samp>
    </body>
    </html>

    ผลลัพธ์

    องค์ประกอบโค้ดคอมพิวเตอร์ HTML