Tag Kod HTML

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 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.

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 ,

Teg kod ini menggunakan beberapa elemen semasa pelaksanaan.

• : Mentakrifkan serpihan kod
• : Menerangkan pembolehubah
• : Membuang Output komputer
• : Membantu memaparkan input papan kekunci

Contoh untuk Melaksanakan Tag Kod HTML

Berikut ialah contoh dengan gaya berbeza pada teg kod.

Contoh #1

Di sini contoh program pertama adalah untuk memaparkan kod, yang membentuk konsep sebaris asas.

Kod:

<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:

Menggunakan Berbilang elemen dalam program yang sama.

Kod:

<h1 id="Various-Programming-language">Various Programming language</h1>
<h2 id="Java"> Java</h2>
<code>
import java.io.*;<br>
System.out.println();
</code>
<h2 id="C-programming">C programming</h2>
<code>
#include <stdio.h><br>
void main()<br>
printf()
</stdio.h></code>

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

Output:

Contoh #2

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

Kod:

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

Output:

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:

<h1 id="Demo-of-article-tag">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:

Contoh #4

format kod html menggunakan href linkOutput.

Kod:

<h1 id="Demo-of-code-tag">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:

Contoh #5

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

Contoh di bawah menggunakan sifat CSS untuk memaparkan kandungan dalam blok dengan warna latar belakang.

Kod:

<title>My first code program</title>
<style type="text/css">
body {
font-family: Georgia, "Times New Roman",
Bookman, serif;
color: yellow;
background-color: pink }
h1 {
font-family: Helvetica, Arial,
Impact, fantasy;, sans-serif }
</style>
<code class="language-css">p {color:blue}</code> to change the document color to red.

Output di bawah memaparkan output dengan warna latar belakang dan dengan menggunakan atribut kelas dalam tag.

Output:

Example #6

Code:

<title>Page Title</title>


<h1 id="This-is-an-example-using-Java-Script">This is an example using Java Script</h1>
<pre class="brush:php;toolbar:false">
<code>
var m=window.prompt("Enter the first name");
var x=m;
i=i-1;
for (var a = x; a >=0; a--)
{
document.write(m.charAt(a));
}
</code>

Output:

Conclusion

We have seen how to replicate a computer fragment in the web browser. It is suggested to have a glimpse of the study on the HTML tag before coming to the element. And we have seen how the code tag uses <pre class="brush:php;toolbar:false"> element for the special characteristics to be rendered and to allow white spaces in a browser.</pre>

Atas ialah kandungan terperinci Tag Kod HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!