01 07
Tempatkan File Anda di Folder Baru
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 Anda. Tutorial ini memandu Anda melalui proses.
Hal pertama yang harus dilakukan saat membuat situs web baru di Notepad adalah membuat 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.
- Buka jendela My Documents
- Klik File > Baru > Folder
- Namai 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 kesulitan jika Anda menamai file dan folder dengan benar dari awal.
02 07
Simpan Halaman sebagai HTML
Hal pertama yang harus Anda lakukan saat menulis halaman web di Notepad adalah menyimpan halaman sebagai HTML. Ini menghemat waktu dan masalah Anda nantinya.
Seperti nama direktori, selalu gunakan semua huruf kecil dan tanpa spasi atau karakter khusus dalam namafile.
- Di Notepad, klik File dan kemudian Save As.
- Arahkan ke folder tempat Anda menyimpan file situs web Anda.
- Ubah menu drop-down Save As Type ke All Files (*. *).
- Beri nama file tersebut. Tutorial ini menggunakan nama pets.htm.
03 07
Mulai Menulis Halaman Web
Hal pertama yang harus Anda ketikkan dalam dokumen HTML Notepad Anda adalah DOCTYPE. Ini memberitahu browser apa jenis HTML yang diharapkan. Tutorial ini menggunakan HTML5.
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 keduanya awal
tag dan tag akhir dan sisakan sedikit ruang untuk isi halaman web Anda. Dokumen Notepad Anda akan terlihat seperti ini:
04 07
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 dalam dokumen teks HTML Notepad Anda di antara tag.
Seperti halnya
tag, biarkan beberapa ruang di antara mereka sehingga Anda memiliki ruang untuk menambahkan informasi kepala.
05 07
Tambahkan 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 antara
tag menggunakan tag. Itu tidak akan muncul di halaman web itu sendiri, hanya di bagian atas browser.
Halaman contoh ini berjudul "McKinley, Shasta, dan Hewan Peliharaan Lainnya."
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 lebih panjang di jendela peramban.
06 07
Bagian Utama Halaman Web Anda
Tubuh halaman web Anda disimpan dalam
tag. Di sinilah Anda meletakkan teks, judul, subjudul, gambar dan grafik, tautan dan semua konten lainnya. Itu bisa selama yang Anda suka.
Format yang sama ini dapat diikuti untuk menulis halaman web Anda di Notepad.
Kepala judul Anda ditempatkan di sini. Semua yang ada di halaman web ada di sini
07 07
Membuat Folder Gambar
Sebelum Anda menambahkan konten ke badan dokumen HTML Anda, Anda perlu mengatur direktori Anda sehingga Anda memiliki folder untuk gambar.
- Buka jendela My Documents .
- Ubah ke folder my_website .
- Klik File > Baru > Folder.
- Beri nama gambar folder.
Simpan semua gambar Anda untuk situs web Anda di folder gambar sehingga Anda dapat menemukannya nanti. Ini membuatnya mudah untuk mengunggahnya ketika Anda membutuhkannya.