masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > Tag Kod HTML

Tag Kod HTML

PHPz
Lepaskan： 2024-09-04 16:28:53
asal
852 orang telah melayarinya

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>
Salin selepas log masuk

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>
<div class="code" style="position:relative; padding:0px; margin:0px;"><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
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

Kod:

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

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>
Salin selepas log masuk

Kod:

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

Output:

Tag Kod HTML

Contoh #5

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