Rumah > Artikel > hujung hadapan web > Tag Kod HTML

Tag Kod HTML

PHPzasal: 2024-09-04 16:28:53688semak imbas

HTML atau Hyper Text Markup Language ialah bahasa pengaturcaraan pembangunan web yang menggunakan tag untuk mentakrif, mengisytiharkan dan melaksanakan operasi pada mana-mana elemen halaman web. Teg ditakrifkan menggunakan simbol < dan >, dan teg penutup hendaklah mempunyai ‘/’ di hadapannya. Teg kod ialah sejenis teg yang membenarkan pengaturcara menulis sebahagian kod mereka di antaranya, seperti ……. , kerana setiap teg dalam HTML mesti mempunyai teg rapat.

Sintaks dengan Penjelasan:

Sintaks asas ditunjukkan di bawah, dengan elemen disertakan dengan pasangan dan serpihan kod ditulis di antara teg ini. Peninggalan teg tidak dilakukan di sini kerana teg permulaan dan penutup adalah wajib secara lalai.

<pre class="brush:php;toolbar:false">
<code>
….
….
</code>

Bagaimana Teg Kod Berfungsi dalam HTML?

Secara lalai, kandungan fon tag dipaparkan menggunakan monospace, yang bermaksud semua aksara dalam kandungan tertentu dengan lebar yang sama. Ia dinyatakan dalam piawaian HTML 5 dan HTML4.

HTML menggunakan pelbagai saiz teks dan lebih banyak sifat dengan fon dan inden. Terdapat senario di mana perlu untuk memaparkan beberapa kandungan dalam penyemak imbas dengan kedua-dua teks dan kod coretan, dan kemudian kami akan menggunakan tag. Teg kod dipasangkan bersama dengan teg praformat

, yang mengekalkan format tepat teks yang ditulis dalam dokumen sumber.</p>
<p>Untuk memulakan teks dalam baris yang sama, teg ini telah digunakan, yang secara literal mengalih keluar ruang putih. Untuk mewakili kod dalam gaya fon, lebih baik menggunakan pemilih kod dalam gaya CSS dan memberikan berat visual. Untuk memilih fon, adalah bagus untuk mempunyai CSS dengan keluarga fon yang telah ditetapkan kepada monospace. Datang kepada keserasian penyemak imbas, ia disokong dalam chrome, edge, opera, safari, Firefox. Malah elemen ini menyokong kedua-dua peristiwa dan atribut global. Teg kod menggunakan atribut kelas untuk bahasa yang dipratentukan dan juga <id>, <style>, <title>.</p>
<p>Teg kod ini menggunakan beberapa elemen semasa pelaksanaan.</p>
<ul>
<li>
<strong><Kod>:</strong> Mentakrifkan serpihan kod</li>
<li>
<strong><var>:</strong> Menerangkan pembolehubah</li>
<li>
<strong><samp></strong>: Membuang Output komputer</li>
<li>
<strong><kbd></strong>: Membantu memaparkan input papan kekunci</li>
</ul>
<h3>Contoh untuk Melaksanakan Tag Kod HTML</h3>
<p>Berikut ialah contoh dengan gaya berbeza pada teg kod.</p>
<h4>Contoh #1</h4>
<p>Di sini contoh program pertama adalah untuk memaparkan kod, yang membentuk konsep sebaris asas.</p>
<p><strong>Kod:</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<body>
<em># Display the sum</em><br>
<strong>program adds two numbers</strong><br>
<pre class="brush:php;toolbar:false">
<code>
nu1 = 2.5
nu2 = 5.3
sum = float(nu1) + float(nu2)
print('The sum of two num {0} and {1} is {2}'.format(nu1, nu2, sum))</code>

output from a program
input
Variable declaration

Output yang dijana diberikan di bawah kerana ia memaparkan kandungan kod program dan output menggunakan tag pada halaman web. Untuk membalut berbilang baris serpihan, kod komputer elemen telah digunakan di bawah.

Output:

Tag Kod HTML

Menggunakan Berbilang elemen dalam program yang sama.

Kod:

<!DOCTYPE html>
<html>
<body>
<h1>Various Programming language</h1>
<h2> Java</h2>
<code>
import java.io.*;<br>
System.out.println();
</code>
<h2>C programming</h2>
<code>
#include <stdio.h><br>
void main()<br>
printf()
</code>
</body>
</html>

Kami mempunyai petikan kod kecil yang memaparkan sampel pengaturcaraan java dan C pada halaman web untuk kod di atas.

Output:

Tag Kod HTML

Contoh #2

Contoh kedua menunjukkan contoh program yang memaparkan kod dalam sejajar tengah.

Kod:

<!DOCTYPE html>
<html>
<body>
<code>
<center>
x = 3;
y = 2;
c = "To add a program";
</center>
</code>
</body>
</html>

Output:

Tag Kod HTML

Contoh #3

Di sini tambahan, saya telah menyertakan

konsep untuk memaparkan program bersama-sama dengan kandungan penerangan (untuk memberikan maklumat semantik). Malah kita boleh menambah apa-apa kod fungsi di antara mereka untuk memberikan faedah program.

Kod:

<!DOCTYPE html>
<h1>Demo of article tag</h1>
<p>The <code> fact()</code> this method is used to calculate a factorial of a given number.</p>

Kod:

code {
background-color: #8A2BE2;
border-radius: 2px;
font-family: "Courier New", monospace;
padding: 0 4px;
}

Output:

Tag Kod HTML

Contoh #4

format kod html menggunakan href linkOutput.

Kod:

<!DOCTYPE html>
<h1>Demo of code tag</h1>
<p>This is an implementaion of a <a href="http://www.educba.com" title="online tutorial"><code>link to edu</code></a> displayed with code tag.</p>

Kod:

code {
background-color: #6495ED;
border-radius: 5px;
font-family: "italic", monospace;
padding: 1 5px;
}

Output:

Tag Kod HTML

Contoh #5

Untuk membuat kod dengan betul dan melihat serta membaca fesyen, kita perlu menggunakan