Cara menggunakan html online

Banyak orang yang mencari cara membuat website gratis dengan HTML. Kabar baiknya…Kamu berada di tempat yang tepat. Karena artikel ini akan mengajarkan teman-teman cara membuat website HTML 100% gratis dan mudah untuk pemula sekalipun. Tema desain nya juga bagus dan keren loh.

Nantinya kamu akan punya URL alamat domain sendiri untuk web HTML ini yang bisa kamu tunjukkan ke orang lain untuk mengakses situs kamu.

Ini contoh website yang bisa kamu buat gratis dengan HTML CSS. Proses bikin nya cuma 10 menit.

Cara menggunakan html online
contoh cara membuat web HTML yang bagus

Intinya, kamu tinggal download semua contoh coding HTML yang saya sediakan, edit source code nya jika diperlukan, lalu upload ke web server atau hosting yang kamu punya. Boom..!! Selesai.

Nanti baca juga: cara membuat website dengan html di android.

Estimasi pembuatan: 10 menit

Beberapa alat yang kita perlukan untuk membuat website gratis kali ini. Silahkan di download dulu ke komputer kalian ya.

Browser: Alat yang digunakan untuk membuka halaman website. Cth: firefox, dan chrome.

Notepad++: Software untuk menulis source code HTML untuk kamu yang menggunakan komputer sistem operasi Windows.

Sublime Text: Software untuk menulis source code HTML jika kamu adalah pengguna sistem operasi MacOS. Sebab Notepad++ tidak bisa dipakai di MacOS.

1. Download Gratis Contoh Koding Website HTML

1.1.1 Download Koding Web HTML CSS Javascript

Kita akan menggunakan contoh source code situs HTML CSS yang sudah jadi. Nanti tinggal diedit sedikit saja.

Kamu bisa download contoh script coding HTML website disini. Banyak pilihan jenis website yang bisa kamu pakai. Mulai dari kategori website pribadi, perusahaan, toko online, travel, dll.

Klik tombol dibawah ini:

1.1.2 Extract Semua File website

Klik kanan file zip source code lalu extract di folder laptop kamu.

Cara menggunakan html online
bikin situs html

2. Mendaftar Hosting Gratis

Hosting adalah tempat penyimpanan online source code html, image, script kita. Contoh koding diatas akan kita buat di hosting nantinya.

Kamu bisa gratis mendaftar hosting di 000webhost dengan klik link dibawah ini:

2.1.1 Masukkan email, password, lalu klik DAFTAR

Cara menggunakan html online

2.1.2 Buka Email Lalu Verifikasi Pendaftaran Hosting

Klik link verifikasi yang dikirim ke email

Cara menggunakan html online

Cara menggunakan html online
div

Cara menggunakan html online
div & tag

3. Mendaftar Domain Gratis

Domain adalah nama website kita. Seperti google.com, detik.com, wikipedia.com. Idealnya domain itu berakhiran dot com, net, org, info, dll.

Berhubung kita akan menggunakan hosting dan domain gratis, maka ekstensi domain gratisan yang kita gunakan adalah 000webhostapp.com

Jadi domain website HTML kamu nanti menjadi:

xxxxx.000webhostapp.com

xxxxx = nama domain kamu

Dalam contoh ini domain saya adalah websitehtmlkerensaya.000webhostapp.com

3.1.1 Pada bagian project buat nama domain sesuai keinginan, password, dan klik kirim

Cara menggunakan html online

3.2.1 Pilih upload your site

Cara menggunakan html online

3.3.1 Klik folder public_html

Kita nantinya akan mengupload script html css javasccript nya di folder public_html

Cara menggunakan html online
tag html

4. Upload File HTML dan CSS

4.1.1 Drag & drop file HTML ke hosting folder public_html

Drag dan drop semua file HTML yang sudah kita kompres dari zip file sebelumnya di langkah 1.1.2 ke hosting

Cara menggunakan html online
kerangka web html

4.2.1 Klik Upload

Klik upload, lalu tunggu sampai prosesnya 100%. Biasanya sekitar 1-3 menit.

Cara menggunakan html online
daftar halaman dan menu web html

5. Edit File HTML, Teks, Gambar Sesuai Kebutuhan

Pada tahap ini website kamu sebenarnya sudah selesai.

Tapi jika ingin meng-custom kan sesuai selera dan kebutuhan, kamu bisa mengubah teks, coding nya, image, dll.

5.1.1 Untuk mengubah koding klik kanan index.html lalu edit dengan teks editor kamu.

Untuk mengubah tiap halaman lainnya, kamu tinggal klik kanan edit saja bagian html nya.

5.1.2 Untuk mengubah gambar klik bagian folder img lalu letakkan di folder img ini

Silahkan ganti file gambarnya sesuai keinginan

Cara menggunakan html online
tanpa perlu kursus html

6. Selesai

Berhasil…!!! Berikut dibawah ini contoh hasil akhir website HTML gratis yang saya buat. Mudah kok. Dibawah 10 menit bisa selesai.

Ikuti saja step-by-step langkah diatas pasti kamu bisa berhasil.

Cara menggunakan html online
website gratis kali

Pertanyaan Sering Ditanyakan:

Bagaimana Cara Membuat Website WordPress?

Untuk membuat website wordpress itu berbeda dengan tutorial cara membuat website gratis HTML kali ini. Dikarenakan wordpress adalah CMS (Content management system), dan HTML ini adalah web yang lebih simpel.

Kalau kamu mau buat website wordpress gratis juga bisa, silahkan di baca panduan lengkap membuat web gratis wordpress di artikel sebelumnya. Hampir 90% konsepnya sama dengan proses pembuatan situs  HTML gratis website pemula ini.

Bagaimana Cara Membuat Website Toko Online dengan HTML?

Kabar baiknya kamu bisa membuat website toko online dengan HTML. Ada beberapa template yang sudah saya bagikan sebelumnya di artikel 3 cara membuat website toko online dengan HTML CSS javascript. Tapi saran saya sih pakai platform wordpress woocommerce saja karena jenis website toko online lebih bagus pakai CMS dan dinamis. Tidak statik seperti HTML.

Proses pembuatan website wordpress juga gampang kok. Sekarang tiap akun hosting sudah memberikan fitur apps installer seperti softaculous apps yang bisa membuat wordpress dalam sekejap. Belum lagi plugin dan tema gratisannya banyak banget. Hehe..

Bagaimana cara menggunakan HTML?

Cara Membuat Halaman Web Sederhana dengan HTML.
Buka editor teks. ... .
Atur jenis dokumen untuk HTML. ... .
Tambahkan tab judul untuk halaman web kamu. ... .
Ketik di bawah tag "Head" yang tertutup. ... .
Selanjutnya membuat judul halaman. ... .
Tambahkan judul tambahan jika kamu mau. ... .
Membuat paragraf. ... .
Mengubah warna teks..

Dimana HTML dapat digunakan?

Dikutip dari Computerhope, HTML digunakan untuk membuat dokumen elektronik (disebut halaman) yang ditampilkan di World Wide Web (www). Setiap halaman berisi serangkaian koneksi ke halaman lain yang disebut hyperlink. Setiap halaman web yang Anda lihat di Internet ditulis menggunakan satu versi kode HTML atau yang lain.

HTML pake bahasa apa?

HTML adalah singkatan dari Hypertext Markup Language. Pengertian HTML sering kali dikaitkan dengan bahasa pemrograman. Akan tetapi, sejatinya, HTML bukan sebuah bahasa pemrograman (programming languange), melainkan sebuah markup languange.

HTML bisa buat apa aja?

Biasanya, penggunaan umum HTML adalah untuk menyusun bagian paragraf, heading, maupun link pada halaman web. Tapi, meskipun susunannya seperti coding, perlu diketahui bahwa HTML bukanlah bahasa pemrograman. HTML tidak dianggap sebagai bahasa pemrograman karena tidak bisa memberikan fungsi yang dinamis.

Apa itu HTML dan bagaimana cara membuatnya?

HTML adalah adalah singkatan dari Hypertext Markup Language. HTML memungkinkan seorang pengguna dapat membuat dan menyusun bagian heading, paragraf, link atau tautan, dan blockquote untuk halaman sebuah website.