Skip to main content

Buat Halaman Web Baru Menggunakan Notepad

Cara membuat halaman web dengan program Notepad Plus Plus (Jun 2026)

Cara membuat halaman web dengan program Notepad Plus Plus (Jun 2026)
Anonim

Windows Notepad adalah program pemprosesan dasar yang boleh digunakan untuk menulis laman web anda. Laman web hanya teks, dan anda boleh menggunakan sebarang program pemproses kata untuk menulis HTML. Tutorial ini berjalan anda melalui proses.

01 dari 07

Letakkan Fail Anda dalam Folder Baru

Untuk membuat laman web baru di Notepad, mula-mula buat folder berasingan untuk menyimpannya. Biasanya, anda menyimpan halaman web anda dalam folder yang dipanggil HTML dalam folder My Documents, tetapi anda boleh menyimpannya di tempat yang anda suka.

  1. BukaDokumen saya tingkap.
  2. Klik Fail > Baru > Folder.
  3. Nama folder my_website.

Nota PENTING: Namakan folder dan fail web menggunakan semua huruf kecil dan tanpa sebarang ruang atau tanda baca. Walaupun Windows membolehkan anda menggunakan ruang, banyak penyedia hosting web tidak, dan anda akan menyimpan sedikit masa dan masalah jika anda menamakan fail dan folder dengan betul dari awal.

02 dari 07

Simpan Halaman sebagai HTML

Seperti nama direktori, apabila anda menyimpan halaman, gunakan semua huruf kecil dan tiada ruang atau aksara khas dalam nama fail.

  1. Di Notepad, klik pada Fail dan kemudian Simpan sebagai.
  2. Pergi ke folder di mana anda menyimpan fail laman web anda.
  3. Tukar Simpan Sebagai Jenis menu drop-down ke Semua fail (*.*).
  4. Namakan fail tersebut. Tutorial ini menggunakan nama itu pets.htm.

03 dari 07

Mulakan Menulis Laman Web

Perkara pertama yang perlu anda taip dalam dokumen HTML5 Notepad ialah DOCTYPE. Ini memberitahu pelayar jenis HTML yang diharapkan.

Pernyataan doctype bukan tag. Ia memberitahu komputer bahawa dokumen HTML5 tiba. Ia pergi ke bahagian atas setiap halaman HTML5 dan ia mengambil bentuk ini:

Sebaik sahaja anda mempunyai DOCTYPE, anda boleh memulakan HTML anda. Taip kedua-dua tag permulaan dan tag akhir dan biarkan beberapa ruang untuk kandungan badan laman web anda. Dokumen Notepad anda sepatutnya kelihatan seperti ini:

04 dari 07

Buat Kepala untuk Laman Web Anda

Kepala dokumen HTML adalah di mana informasi dasar tentang halaman web Anda disimpan - hal-hal seperti tajuk halaman dan kemungkinan tag meta untuk pengoptimuman enjin carian. Untuk membuat bahagian kepala, tambahkan tag kepala dalam dokumen HTML Notepad anda di antara tag html.

Seperti dengan tag html, tinggalkan ruang di antara mereka supaya anda mempunyai ruang untuk menambah maklumat kepala.

05 dari 07

Tambah Tajuk Halaman di Bahagian Ketua

Tajuk halaman web anda adalah teks yang dipaparkan dalam tetingkap pelayar. Ia juga apa yang ditulis dalam penanda buku dan kegemaran apabila seseorang menyimpan laman web anda. Simpan teks tajuk antara tanda tajuk. Ia tidak akan muncul di laman web itu sendiri, hanya di bahagian atas pelayar.

Halaman contoh ini berjudul "McKinley, Shasta, dan Binatang Lain."

McKinley, Shasta, dan Haiwan peliharaan lain

Tidak kira berapa lama judul anda atau jika ia merangkumi beberapa baris dalam HTML anda, namun tajuk pendek lebih mudah dibaca, dan beberapa penyemak imbas memotong yang lama dalam tetingkap penyemak imbas.

06 dari 07

Badan Utama Laman Web Anda

Tubuh halaman web anda disimpan dalam tag tubuh. Ia harus datang selepas tag kepala tetapi sebelum tag html berakhir. Di sinilah anda meletakkan teks, tajuk utama, sub kepala, imej dan grafik, pautan dan semua kandungan lain. Ia boleh selagi anda suka.

Tinggalkan ruang tambahan di antara tag badan yang bermula dan berakhir.

Format yang sama boleh diikuti untuk menulis halaman web anda di Notepad.

07 dari 07

Mewujudkan Folder Imej

Sebelum anda menambah kandungan ke badan dokumen HTML anda, anda perlu menyediakan direktori anda supaya anda mempunyai folder untuk imej.

  1. Buka Dokumen saya tingkap.
  2. Tukar kepada my_website folder.
  3. Klik Fail > Baru > Folder.
  4. Nama folder imej.

Simpan semua imej untuk laman web anda di dalam folder imej supaya anda dapat mencarinya kemudian. Ini memudahkan untuk memuat naiknya apabila anda perlu.