home

หน้าแรก
 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