Windows Notepad adalah program pengolah kata dasar yang dapat Anda gunakan untuk menulis halaman web Anda. Halaman web hanyalah teks, dan Anda dapat menggunakan program pengolah kata untuk menulis HTML. Tutorial ini memandu Anda melalui proses.
01 07Tempatkan File Anda di Folder Baru
Untuk membuat situs web baru di Notepad, pertama-tama buat folder terpisah untuk menyimpannya. Biasanya, Anda menyimpan halaman web Anda dalam folder bernama HTML di folder My Documents, tetapi Anda dapat menyimpannya di mana pun Anda suka.
- BukaDokumen-dokumen saya jendela.
- Klik Mengajukan > Baru > Map.
- Beri nama folder my_website.
Catatan penting: Beri nama folder dan file web menggunakan semua huruf kecil dan tanpa spasi atau tanda baca apa pun. Sementara Windows memungkinkan Anda untuk menggunakan ruang, banyak penyedia web-hosting tidak, dan Anda akan menghemat waktu dan masalah jika Anda menamai file dan folder dengan benar dari awal.
Simpan Halaman sebagai HTML
Seperti nama direktori, ketika Anda menyimpan halaman, gunakan semua huruf kecil dan tanpa spasi atau karakter khusus dalam namafile.
- Di Notepad, klik Mengajukan lalu Save As.
- Pergi ke folder tempat Anda menyimpan file situs web Anda.
- Mengubah Save As Type menu drop-down ke Semua data (*.*).
- Beri nama file. Tutorial ini menggunakan nama pets.htm.
03 07
Mulai Menulis Halaman Web
Hal pertama yang harus Anda ketikkan dalam dokumen Notepad HTML5 Anda adalah DOCTYPE. Ini memberitahu browser apa jenis HTML yang diharapkan.
Deklarasi doctype bukanlah tag. Ini memberitahu komputer bahwa dokumen HTML5 tiba. Ini terjadi di bagian atas setiap halaman HTML5 dan dibutuhkan formulir ini:
Setelah Anda memiliki DOCTYPE, Anda dapat memulai HTML Anda. Ketik baik tag awal dan tag akhir dan sisakan beberapa ruang untuk konten halaman web Anda. Dokumen Notepad Anda akan terlihat seperti ini:
Buat Head untuk Halaman Web Anda
Kepala dokumen HTML adalah tempat informasi dasar tentang halaman web Anda disimpan - hal-hal seperti judul halaman dan kemungkinan tag meta untuk pengoptimalan mesin pencari. Untuk membuat bagian kepala, tambahkan tag head di dokumen teks HTML Notepad Anda di antara tag html.
Seperti halnya tag html, biarkan beberapa ruang di antara mereka sehingga Anda memiliki ruang untuk menambahkan informasi kepala.
05 07Tambahkan Judul Halaman di Bagian Kepala
Judul halaman web Anda adalah teks yang ditampilkan di jendela browser. Itu juga apa yang tertulis di bookmark dan favorit ketika seseorang menyimpan situs Anda. Menyimpan teks judul di antara tag judul. Itu tidak akan muncul di halaman web itu sendiri, hanya di bagian atas browser.
Halaman contoh ini berjudul "McKinley, Shasta, dan Hewan Peliharaan Lainnya."
Tidak masalah berapa lama judul Anda atau jika itu mencakup beberapa baris dalam HTML Anda, tetapi judul yang lebih pendek lebih mudah dibaca, dan beberapa peramban memotong yang panjang di jendela peramban.
06 07Bagian Utama Halaman Web Anda
Tubuh halaman web Anda disimpan di dalam tag tubuh. Itu harus datang setelah tag kepala tetapi sebelum tag html berakhir. Di sinilah Anda meletakkan teks, judul, subjudul, gambar dan grafik, tautan dan semua konten lainnya. Itu bisa selama yang Anda suka.
Berikan ruang ekstra di antara tag awal dan akhir.
Format yang sama ini dapat diikuti untuk menulis halaman web Anda di Notepad.
07 07Membuat Folder Gambar
Sebelum Anda menambahkan konten ke badan dokumen HTML Anda, Anda perlu mengatur direktori Anda sehingga Anda memiliki folder untuk gambar.
- Buka Dokumen-dokumen saya jendela.
- Ubah ke my_website map.
- Klik Mengajukan > Baru > Map.
- Beri nama folder gambar.
Simpan semua gambar untuk situs web Anda di folder gambar sehingga Anda dapat menemukannya nanti. Ini membuatnya mudah untuk mengunggahnya ketika Anda membutuhkannya.