Cara Membuat Halaman Web Sederhana dengan Notepad

Setiap hari, kita mengakses berbagai situs web. Namun, terkadang kita bertanya-tanya, sulitkah untuk membuat situs web sendiri? Di artikel ini, Anda akan dipandu untuk membuat halaman web HTML sederhana dengan Notepad.

Metode 1

Metode 1 dari 1:

Membuat Halaman Web Sendiri

Unduh PDF

Penyunting teks ini merupakan program bawaan yang tersedia di setiap komputer Windows, dan dapat ditemukan di menu Start. Setelah Notepad terbuka, klik File > Save As, lalu pilih All Files pada kolom File Type. Simpan berkas buatan Anda dalam format HTML. Umumnya, halaman utama sebuah situs memiliki nama berkas "index.html", dan berisi tautan ke seluruh halaman pada situs.
Tanda (tag) pada HTML (Hypertext Markup Language) berada dalam <kurung sudut>.
Tanda tersebut berfungsi untuk membangun situs web Anda. Untuk mengakhiri kode HTML, gunakan tanda penutup (end tag), seperti </text>.Tanda penutup tersebut berguna untuk menutup berbagai tanda, seperti tanda huruf tebal atau paragraf.
Tanda <title> berguna untuk mengatur judul halaman, sementara tanda <meta> (opsional) berfungsi untuk memasukkan penjelasan mengenai isi halaman web. Tanda <meta> tersebut kemudian akan dibaca oleh mesin pencari, seperti Google.
Ingatlah bahwa tidak semua warna didukung oleh peramban. Misalnya, warna abu-abu gelap mungkin tidak didukung.
Misalnya, mulailah dengan membuat kepala situs. Kepala situs adalah bagian situs dengan huruf berukuran besar, dan dibuat dengan tanda <h1> hingga <h6>. Tanda <h1> dapat Anda gunakan untuk membuat kepala situs dengan ukuran huruf terbesar. Cobalah menggunakan tanda tersebut tepat di bawah tanda <body>, seperti <h1>Selamat datang di situs saya!</h1>. Pastikan Anda menutup tanda <h1> di akhir kalimat.
Misalnya, tulislah <p>Tes paragraf!</p> Untuk membuat baris baru, gunakan tanda <br>, atau break.
Gunakan berbagai tanda berikut ini untuk memformat teks pada halaman web: <b> untuk menebalkan teks, <i> untuk memiringkan teks, dan <u> untuk menggarisbawahinya. Setelah menggunakan tanda di atas, jangan lupa untuk menutupnya!
Tambahkan gambar dengan tanda <img> untuk memperindah situs dan menambahkan informasi yang tidak dapat dijelaskan dalam bentuk teks. Tanda <img> memerlukan informasi tertentu agar berfungsi. Sintaksis lengkap tanda <img> mungkin berbentuk seperti ini: <img alt=dog src="dog.jpg" width=200 height=200>.
Parameter src pada tanda berfungsi untuk menulis nama berkas gambar, dan width serta height berfungsi untuk menjelaskan panjang dan lebarnya.
Teks di tengah tanda adalah teks yang akan muncul di halaman, sementara parameter href berisi halaman tujuan. Dengan tautan, pengunjung dapat berpindah ke berbagai halaman di situs Anda dengan mudah.
Terakhir, tutup kode HTML dengan </html>
Bacalah panduan berikut ini untuk mengunggah situs Anda ke internet.
Iklan

Tips

Di internet, tersedia berbagai situs berisi panduan untuk membuat situs web. W3school adalah salah satu situs dengan materi yang baik.
Pastikan Anda menutup setiap tanda pada berkas HTML.
Tuliskan tanda <!DOCTYPE html> di baris pertama berkas, sebelum <HTML>. Tanda ini menandakan bahwa berkas yang Anda buat adalah berkas HTML5.
Ubah jenis huruf dengan tanda <font face="N"></font> sebelum <html> dan sesudah </html>. Gantilah "N" dengan jenis huruf yang Anda inginkan, misalnya "Verdana".
Jika Anda perlu menggunakan kurung sudut, gunakan kode < and >. Sementara untuk menggunakan tanda &, gunakan kode &.
Menurut tutorial HTML, Anda harus selalu memberi nama berkas dan folder web dengan huruf kecil, tanpa spasi dan tanda baca. Meskipun Windows memungkinkan Anda memberi spasi pada nama berkas, banyak penyedia layanan hosting tidak mengizinkannya. Selain itu, nama berkas yang rapi juga akan memudahkan Anda mengurus situs.