Cara Membuat Halaman Web Sederhana Menggunakan Tanda Kurung untuk Pemula: 14 Langkah

2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-13 06:57

pengantar

Petunjuk berikut memberikan panduan langkah demi langkah untuk membuat halaman web menggunakan kurung. Brackets adalah editor kode sumber dengan fokus utama pada pengembangan web. Dibuat oleh Adobe Systems, ini adalah perangkat lunak bebas dan sumber terbuka yang dilisensikan di bawah Lisensi MIT, dan saat ini dikelola di GitHub oleh Adobe dan pengembang sumber terbuka lainnya. Itu ditulis dalam JavaScript, HTML dan CSS.

instruksi

Catatan: - Semua tag HTML harus berada di antara tanda kurung:

Langkah 1: Unduh Perangkat Lunak

unduh Kurung dari situs web ini

Langkah 2: Buka Kurung

buka perangkat lunak Bracket yang diunduh di komputer.

Langkah 3: Buat File Baru

Setelah membuka Kurung, Klik pada ikon file di kiri atas jendela, lalu klik baru, Anda akan melihat file baru "Tanpa Judul".

Langkah 4: Simpan Sebagai.. File

Klik kanan pada file ini 'tanpa judul', klik simpan sebagai, maka Anda harus menyimpannya di drive

pada titik ini Anda dapat memberikan nama apa pun ke file, pastikan setelah nama menambahkan ".html" (dot html).

Langkah 5: Mulailah Dengan Tag DOCTYPE

Setiap halaman html harus dimulai dengan tag struktur berikut Ini memberi tahu browser 'aturan yang harus diikuti' saat merender halaman HTML.

Langkah 6: Tag HTML

dan - tag tersebut untuk memulai dan mengakhiri dokumen.

Langkah 7: Tag Kepala dan Tubuh

Di antara tag html, tulis dan, yang berisi hal-hal 'di balik layar'. Juga, tulis dan di mana itu berisi teks, gambar, video, audio, dan sebagainya.

Langkah 8: Tag Meta

Di antara tag, tulis di tempat yang menyediakan informasi seperti istilah mesin telusur atau pengkodean karakter.

Langkah 9: Tag Judul

Di antara tag, di bawah, tulis dan. Jadi, apa pun yang Anda tulis di antaranya, Anda akan melihatnya di bagian atas jendela browser dan tag ini penting untuk mesin pencari. Sebagai contoh, saya akan menulis “WRD 204”

Langkah 10: Menambahkan Paragraf Menggunakan P Tag

Di sela-sela tuliskan informasi yang ingin Anda tampilkan di halaman web, seperti gambar, audio, video dan paragraf misalnya, sebagai contoh saya akan menulis paragraf dengan menggunakan tag ini untuk paragraf:

dan.

Langkah 11: Lihat Hasil Anda

Untuk melihat hasil Anda: pertama klik kanan pada file dan klik "simpan" daripada klik ikon "pratinjau langsung" di sudut kanan atas.

Catatan: - setiap kali Anda melakukan perubahan dan ingin melihat hasilnya, pertama-tama Anda harus menyimpan file, Anda dapat menggunakan pintasan "Ctrl + S"

Langkah 12: Ubah Pemformatan

Jika Anda ingin mengubah ukuran format teks, gunakan sebagai heading terbesar atau terkecil. Dalam contoh saya, saya akan menggunakan.

Langkah 13: Tag Pemutusan Garis Tunggal/Ganda

Jika Anda ingin membuat jeda baris tunggal/ganda di antara paragraf, gunakan tag

Langkah 14: Kesimpulan

Selamat! sekarang Anda dapat mulai membangun halaman web Anda sendiri.

Jika Anda tertarik untuk mengetahui lebih banyak tentang Tag HTML, saya merekomendasikan situs web ini