Code Block
(Diperbarui:
)
-
Posting Komentar
Di bawah ini adalah beberapa contoh kode dalam berbagai bahasa pemrograman dan format, yang ditampilkan menggunakan elemen <pre><code> dengan tombol salin yang minimalis.
Cara menuliskan kodenya seperti ini:
<div class="code-container">
<div class="code-header">
<span class="code-label">Label Kode</span>
<button class="copy-btn" aria-label="copy-btn"> </button>
</div>
<pre><code>Kodenya di sini</code></pre>
</div>
Contoh Kode HTML
HTML
<div class="container">
<h1>Contoh Kode</h1>
<p>Ini adalah paragraf.</p>
</div>Contoh Kode CSS
CSS
.container {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
background-color: #eee;
}Contoh Kode JavaScript
JavaScript
function sapa(nama) {
console.log(`Halo, ${nama}!`);
}
sapa("Pengguna Blog");Contoh Kode Python
Python
def faktorial(n):
if n == 0:
return 1
else:
return n * faktorial(n-1)
print(faktorial(5))Contoh Teks dengan Formatting
Teks
Ini adalah contoh teks yang sudah diformat sebelumnya.
Baris ini memiliki indentasi.
Dan baris ini juga.
Anda bisa menggunakan ini untuk menampilkan output terminal
atau konfigurasi file.
Contoh Kode dengan Syntax Highlighting
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Halaman HTML</title>
</head>
<body>
<h1 id="main-title">Hello, World!</h1>
<p>Ini adalah paragraf.</p>
</body>
</html>
CSS
/* Ini adalah komentar di CSS */
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
border: 1px solid #ddd;
}
h1 {
color: #fff;
}
JavaScript
// Ini adalah contoh syntax highlighting manual
const name = "LajangSpot";
function sayHello(username) {
console.log(`Halo, ${username}!`);
}
sayHello(name);Semoga contoh-contoh blok kode ini bermanfaat! Tombol salin di sudut kanan atas setiap blok kode memungkinkan Anda untuk menyalin kode dengan mudah.
Langganan:
Posting Komentar (Atom)
Posting Komentar untuk "Code Block"