Belajar Membuat Website Dengan Xampp

Website kamu sudah jadi! Eh belum ya?

Kabar baiknya file tersebut adalah file website kamu! Meskipun tidak sempurna, itulah yang dibutuhkan untuk membuat website sendiri dari dasar.

Sekarang tugas kamu adalah mempelajari “tag-tag” lain dari HTML untuk membuat website yang lebih kompleks, seperti menampilkan gambar, video dan lainnya.

Tag-tag tersebut bisa dilihat di Referensi HTML atau juga video tutorial di sekolahkoding.com.

Kita tidak akan melihat semua tagnya, tapi akan saya beri beberapa contoh

Promosikan Website Anda

Bagikan website Anda di platform media sosial dan kepada teman serta keluarga untuk mendapatkan pengunjung awal. Tetap perbarui konten website secara berkala agar pengunjung tetap tertarik.

Membuat website gratis kini dapat diakses oleh siapa saja, berkat platform seperti Wordpress.com yang ramah pengguna. Dengan mengikuti cara membuat website di atas dan memanfaatkan berbagai alat yang tersedia, Anda bisa mewujudkan website dan menyebarkan pesan Anda ke seluruh dunia. Dan tentunya ada HARTS yang siap membantu Anda dalam membuat website tampak lebih profesional. Hubungi kami segera!

Publikasikan dan Maintenance Website Anda

Setelah menyelesaikan proses kustomisasi dan menambahkan konten, tinjau website Anda dan lakukan perubahan jika diperlukan. Jika sudah puas, klik tombol “Publikasikan” untuk membuat website Anda tersedia untuk publik.

Pengertian CSS dan Fungsinya

Sedangkan CSS merupakan kependekan dari Cascading Style Sheets, yaitu bahasa yang dipakai untuk menentukan bagaimana halaman web akan ditampilkan, elemen-elemen di dalamnya seperti apa, serta style desain web akan bagaimana.

CSS lah yang membuat tampilan website jadi atraktif dan menarik. CSS ini bukan bahasa pemrograman, lebih tepatnya disebut dengan bahasa style sheet. Namun selain berfungsi mengatur tampilan halaman web yang berbasis HTML, CSS juga memiliki fungsi lain.

Mulai dari mempercepat waktu loading website, menawarkan banyak variasi tampilan web, mempermudah mengelola kode, dan membuat tampilan website rapi di ukuran layar yang berbeda.

Sebelumnya disebut mengenai mengelola kode, karena pada bahasa CSS ini yang dipakai memang sebuah kode.

Tidak seperti HTML yang menggunakan serangkaian tag dan ditulis berulang untuk halaman yang berbeda. Pada CSS Anda cukup menuliskan kode untuk mengubah tampilan web keseluruhan.

Dalam membuat website Anda perlu menguasai HTML dan CSS. Setelah memahami cara menggunakannya, Anda bisa membuat jenis website apapun, misalnya company profile, portofolio, ataupun blog pribadi.

Mengubah warna background website

Untuk mengubah warna background website, kita bisa menggunakan kode berikut:

Letakkan setelah kode blok CSS sebelumnya, lalu save dan refresh browser.

Sekarang warna latar belakang website kamu berubah menjadi biru.

Kunjungi Instagram Harts untuk uodate info dan promo terbaru dengan klik disini

Pengertian HTML dan Fungsinya

Namun sebelum membahas cara membuat website dengan HTML dan CSS, Anda perlu tahu dulu apa pengertiannya.

HTML merupakan singkatan dari Hypertext Markup Language, yaitu bahasa standar yang digunakan untuk menyusun struktur dan isi konten dari halaman website.

Apa saja yang ada pada halaman web, bagaimana setiap komponen ditata, dan kemana pengunjung akan pergi ketika mereka mengklik sesuatu.

Untuk menyusun HTML Anda membutuhkan tools khusus untuk bahasa pemrograman, yang biasa disebut dengan nama Text Editor. Apabila Anda pengguna Windows pasti sudah tidak asing dengan aplikasi Notepad.

Notepad termasuk salah satu aplikasi Text Editor yang sederhana. Sekarang ini sudah muncul tools yang lebih beragam dengan fitur yang lebih lengkap.

Ketika Anda merangkai HTML di Text Editor, terdapat berbagai jenis tag yang disusun untuk membuat satu halaman website. Tag terdiri dari tag pembuka dan tag penutup, sedangkan di bagian tengah merupakan isi konten yang akan ditampilkan pada halaman web.

Ada tag untuk heading,

INI CONTOH H1

Terdapat dua tipe tag utama yaitu block-level dan inline tags. Block-level digunakan ketika ingin memakai ruang yang ada pada text editor dan membuat line baru dalam dokumen. Misalnya saat membuat heading atau paragraph.

Sedangkan tag inline dipakai untuk memformat konten yang masih bagian dari block level. Sehingga tidak membuat line baru.

Contoh tag yang termasuk inline yaitu untuk membuat tulisan jadi bold. Atau untuk format teks Italic.

Mengubah warna tulisan website

Untuk mengubah warna tulisan website, kita bisa menggunakan kode berikut:

Nah letakkan kode di atas menggantikan ... di antara tag .

Lalu save text-editor kamu dan refresh browsernya. Kamu akan melihat tulisan h1 kamu menjadi merah , sesuai dengan color red yang kamu berikan.

Tertarik belajar membuat website? Anda bisa memulainya dengan mempelajari cara membuat website dengan HTML.

Dengan teknik ini Anda dapat bereksperimen membuat website dari nol. Dari halaman yang masih kosong sampai berisi layout website dengan desain dan teks yang Anda inginkan

Dalam artikel ini akan dijelaskan tahapan-tahapan dalam membuat website dengan HTML dan juga CSS. Hingga akhirnya menghasilkan website yang sederhana.

Mengetahui cara membuat website dengan HTML dapat membantu Anda memahami komponen-komponen dasar pada website.

Mengupload Website ke Internet

Setelah website kamu selesai dibuat, langkah selanjutnya adalah meng-upload-nya ke internet agar bisa diakses oleh orang lain. Kamu bisa menggunakan layanan hosting gratis seperti GitHub Pages atau Netlify. Kedua layanan ini memungkinkan kamu mengunggah website HTML secara gratis.

Kamu cukup membuat akun, mengunggah file HTML, dan dalam beberapa menit, website kamu akan live di internet!