Isi kandungan:

Cara Membuat Halaman Web Mudah Menggunakan Kurungan untuk Pemula: 14 Langkah
Cara Membuat Halaman Web Mudah Menggunakan Kurungan untuk Pemula: 14 Langkah

Video: Cara Membuat Halaman Web Mudah Menggunakan Kurungan untuk Pemula: 14 Langkah

Video: Cara Membuat Halaman Web Mudah Menggunakan Kurungan untuk Pemula: 14 Langkah
Video: Belajar Membuat WEBSITE Dari 0 Sampai Di PUBLISH Untuk Pemula 2023 2024, November
Anonim
Cara Membuat Halaman Web Mudah Menggunakan Kurungan untuk Pemula
Cara Membuat Halaman Web Mudah Menggunakan Kurungan untuk Pemula

Pengenalan

Petunjuk berikut memberikan panduan langkah demi langkah untuk membuat laman web menggunakan Kurungan. Kurungan adalah penyunting kod sumber dengan fokus utama pada pembangunan web. Dicipta oleh Adobe Systems, ia adalah perisian sumber terbuka dan bebas yang dilesenkan di bawah Lesen MIT, dan kini dikendalikan di GitHub oleh Adobe dan pembangun sumber terbuka yang lain. Ia ditulis dalam JavaScript, HTML dan CSS.

Arahan

Catatan: - Semua teg HTML harus berada di antara kurungan:

Langkah 1: Muat turun Perisian

Muat turun Perisian
Muat turun Perisian

muat turun Kurung dari laman web ini

Langkah 2: Buka Kurungan

Buka Kurungan
Buka Kurungan

buka perisian Kurungan yang dimuat turun pada komputer.

Langkah 3: Buat Fail Baru

Buat Fail Baru
Buat Fail Baru

Setelah membuka Kurungan, Klik pada ikon fail di kiri atas tetingkap, kemudian klik baru, anda akan melihat fail baru "Tanpa Judul".

Langkah 4: Simpan Sebagai.. Fail

Simpan Sebagai.. Fail
Simpan Sebagai.. Fail

Klik kanan pada fail ini 'tanpa tajuk', klik simpan sebagai, maka anda harus menyimpannya pada pemacu

pada ketika ini anda dapat memberikan nama apa pun pada fail, pastikan selepas nama tersebut untuk menambahkan ".html" (dot html).

Langkah 5: Mulakan Dengan Tag DOCTYPE

Mulakan Dengan Tag DOCTYPE
Mulakan Dengan Tag DOCTYPE

Setiap halaman html mesti dimulakan dengan tag struktur berikut. Ia memberitahu penyemak imbas apa 'peraturan yang harus diikuti' ketika membuat halaman HTML.

Langkah 6: Tag HTML

Tag HTML
Tag HTML

dan - tag tersebut adalah untuk memulakan dan mengakhiri dokumen.

Langkah 7: Tanda Kepala dan Badan

Tanda Kepala dan Badan
Tanda Kepala dan Badan

Di antara tag html, tulis dan, di mana ia mengandungi perkara 'di belakang tabir'. Juga, tulis dan di mana ia mengandungi teks, gambar, video, audio dan sebagainya.

Langkah 8: Meta Tag

Tag Meta
Tag Meta

Di antara teg, tulis di mana ia memberikan maklumat seperti istilah enjin carian atau pengekodan watak.

Langkah 9: Tag Tajuk

Tag Tajuk
Tag Tajuk

Di antara teg, di bawah, tulis dan. Jadi, apa sahaja yang anda tulis di antara, anda akan melihatnya di bahagian atas tetingkap penyemak imbas dan teg ini penting untuk enjin carian. Contohnya, saya akan menulis "WRD 204"

Langkah 10: Menambah Perenggan Menggunakan Tag P

Menambah Perenggan Menggunakan Tag P
Menambah Perenggan Menggunakan Tag P

Di antara menulis apa sahaja maklumat yang ingin dilihat di laman web, seperti gambar, audio, video dan perenggan misalnya, untuk contoh saya, saya akan menulis perenggan dengan menggunakan tag ini untuk perenggan:

dan.

Langkah 11: Lihat Hasil Anda

Lihat Keputusan Anda
Lihat Keputusan Anda
Lihat Keputusan Anda
Lihat Keputusan Anda

Untuk melihat hasil anda: pertama klik kanan pada fail dan klik "simpan" daripada klik pada ikon "pratonton langsung" di sudut kanan atas.

Catatan: - bila-bila masa anda membuat perubahan dan anda ingin melihat hasilnya, pertama, anda mesti menyimpan failnya, anda boleh menggunakan jalan pintas "Ctrl + S"

Langkah 12: Tukar Pemformatan

Tukar Pemformatan
Tukar Pemformatan
Tukar Pemformatan
Tukar Pemformatan

Sekiranya anda ingin mengubah ukuran format teks, gunakan tajuk terbesar atau terkecil. Dalam contoh saya akan menggunakan.

Langkah 13: Tag Putus Garis Tunggal / Berkembar

Tag Pecah Garis Tunggal / Berkembar
Tag Pecah Garis Tunggal / Berkembar
Tag Putus Garis Tunggal / Berkembar
Tag Putus Garis Tunggal / Berkembar

Sekiranya anda ingin membuat jeda baris tunggal / ganda antara perenggan, gunakan tag

Langkah 14: Kesimpulannya

Tahniah! sekarang anda boleh mula membina laman web anda sendiri.

Sekiranya anda berminat untuk mengetahui lebih lanjut mengenai Tag HTML, saya mengesyorkan laman web ini

Disyorkan: