Materi
Roadmap
Proyek
Sertifikat
Skillance Code Lab
Jalankan »
Skillance Code Lab Editor
Editor
Hasil
Split
Editor Kode Sumber
Tekan
Ctrl + Enter
untuk Menjalankan
<!DOCTYPE html> <html> <head> <style> body { font-family: monospace; background: #0f172a; color: #f8fafc; padding: 25px; } .sql-box { background: #1e293b; border-left: 4px solid #00758f; padding: 20px; border-radius: 8px; margin-bottom: 20px; } .keyword { color: #38bdf8; font-weight: bold; } table { width: 100%; border-collapse: collapse; margin-top: 15px; background: #020617; border-radius: 6px; overflow: hidden; font-family: sans-serif; font-size: 14px; } th, td { padding: 10px; border: 1px solid #334155; text-align: left; } th { background: #00758f; color: white; } </style> </head> <body> <div class="sql-box"> <h3>// Kueri SQL Pertama Anda</h3> <p><span class="keyword">SELECT</span> CustomerName, City, Country <span class="keyword">FROM</span> Customers;</p> </div> <h4>Hasil Eksekusi Kueri (3 Baris):</h4> <table> <tr><th>CustomerName</th><th>City</th><th>Country</th></tr> <tr><td>Alfreds Futterkiste</td><td>Berlin</td><td>Germany</td></tr> <tr><td>Ana Trujillo Emparedados</td><td>México D.F.</td><td>Mexico</td></tr> <tr><td>Antonio Moreno Taquería</td><td>México D.F.</td><td>Mexico</td></tr> </table> </body> </html>
Hasil Tampilan (Browser Preview)
Muat Ulang