Tutorial: HTML, CSS, JavaScript
Live HTML, CSS, and JavaScript Editor (Tabel)
Input your HTML, CSS, and JavaScript code below and see the result instantly.
HTML
Live HTML, CSS, and JavaScript Editor (Form)
Input your HTML, CSS, and JavaScript code below and see the result instantly.
HTML
Login
CSS
JavaScript
Output:
Live HTML, CSS, and JavaScript Editor (Margin)
Input your HTML, CSS, and JavaScript code below and see the result instantly.
HTML
Judul Halaman (H1)
Subjudul (H2)
Sub Bagian (H2 dengan Kelas Subsection)
Ini adalah contoh paragraf pertama untuk latihan indentasi teks. Paragraf ini akan memiliki indentasi khusus di baris pertamanya.
Ini adalah contoh paragraf kedua. Setiap paragraf di bawah H1 dan H2 akan mengikuti aturan CSS yang sudah kita tetapkan.
CSS
JavaScript
Output:
Live HTML, CSS, and JavaScript Editor (Geolocation)
Input your HTML, CSS, and JavaScript code below and see the result instantly.
HTML
Get User Location with Geolocation API
Your Location:
Latitude:
Longitude:
Accuracy: meters
CSS
JavaScript
Output:
Live HTML, CSS, and JavaScript Editor (SVG)
Input your HTML, CSS, and JavaScript code below and see the result instantly.
HTML
SVG Circle
SVG Logo
SVG Rectangle
SVG Rounded Rectangle
SVG Star
CSS
JavaScript
Output:
Tutorial Deploy Website ke GitHub
Langkah 1: Siapkan Repository di GitHub
- Buka GitHub dan login ke akun Anda.
- Klik tombol New untuk membuat repository baru.
- Masukkan nama repository (misalnya,
my-website). - Pilih Public agar dapat diakses semua orang.
- Klik Create repository untuk membuat repository.
Langkah 2: Upload File Website ke Repository
- Menggunakan Git:
Jika sudah menginstal Git, buka terminal dan jalankan perintah berikut:
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/username/my-website.git
git push -u origin main
Ganti username dan my-website sesuai dengan nama pengguna dan repository Anda.
Langkah 3: Aktifkan GitHub Pages
- Masuk ke halaman repository Anda di GitHub.
- Klik tab Settings.
- Gulir ke bawah dan pilih Pages.
- Pilih
main(ataumaster) sebagai branch sumber GitHub Pages. - Klik Save untuk menyimpan pengaturan.
- GitHub akan memberikan URL untuk website Anda, misalnya:
https://username.github.io/my-website.
Langkah 4: Cek Status Website
- Tunggu beberapa menit hingga GitHub Pages memproses website Anda.
- Buka URL yang diberikan oleh GitHub Pages untuk melihat website Anda online.
Langkah 5: Update Website (Opsional)
Jika ingin memperbarui konten website, lakukan perubahan pada file di proyek lokal Anda, lalu jalankan perintah berikut:
git add .
git commit -m "Update website content"
git push origin main
Perubahan akan otomatis diperbarui di GitHub Pages setelah beberapa saat.