Cara Membuat Halaman Web Sederhana dengan Notepad

membuat web sederhana

wikiHow adalah suatu “wiki”, yang berarti ada banyak artikel kami yang disusun oleh lebih dari satu orang. Untuk membuat artikel ini, 65 penyusun, beberapa di antaranya anonim, menyunting dan memperbaiki dari waktu ke waktu.

Dalam Artikel Ini:Membuat Halaman Web Sendiri

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.

Membuat Halaman Web Sendiri

Gambar berjudul Create a Simple Webpage Using Notepad Step 1

1.Bukalah Notepad.

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.



Gambar berjudul Create a Simple Webpage Using Notepad Step 2

2.Pahami HTML.

Tanda (tag) pada HTML (Hypertext Markup Language) berada dalam .
Tanda tersebut berfungsi untuk membangun situs web Anda. Untuk mengakhiri kode HTML, gunakan tanda penutup (end tag), seperti .Tanda penutup tersebut berguna untuk menutup berbagai tanda, seperti tanda huruf tebal atau paragraf.

Gambar berjudul Create a Simple Webpage Using Notepad Step 3

3.Awali halaman web Anda dengan memasukkan tandadi bagian atas berkas.

Gambar berjudul Create a Simple Webpage Using Notepad Step 4

4.Gunakan tandauntuk memasukkan berbagai informasi. Gambar berjudul Create a Simple Webpage Using Notepad Step 6

5.Akhiri kepala situs dengan menggunakan tanda

Gambar berjudul Create a Simple Webpage Using Notepad Step 7

6.Gunakan tanda untuk memasukkan isi halaman.

Ingatlah bahwa tidak semua warna didukung oleh peramban. Misalnya, warna abu-abu gelap mungkin tidak didukung.

Gambar berjudul Create a Simple Webpage Using Notepad Step 8

7.Tuliskan isi halaman web di antara tanda.

Misalnya, mulailah dengan membuat kepala situs. Kepala situs adalah bagian situs dengan huruf berukuran besar, dan dibuat dengan tanda

hingga

. Tanda

dapat Anda gunakan untuk membuat kepala situs dengan ukuran huruf terbesar. Cobalah menggunakan tanda tersebut tepat di bawah tanda, seperti

Selamat datang di situs saya!



. Pastikan Anda menutup tanda

di akhir kalimat.

Gambar berjudul Create a Simple Webpage Using Notepad Step 9

8.Buatlah paragraf di halaman dengan tanda

. Misalnya, tulislah

Tes paragraf!

Untuk membuat baris baru, gunakan tanda
, atau break.

Gambar berjudul Create a Simple Webpage Using Notepad Step 10

9.Anda tentu tidak ingin halaman web yang Anda buat hanya berisi teks polos.

Gunakan berbagai tanda berikut ini untuk memformat teks pada halaman web: untuk menebalkan teks, untuk memiringkan teks, dan untuk menggarisbawahinya. Setelah menggunakan tanda di atas, jangan lupa untuk menutupnya!

Gambar berjudul Create a Simple Webpage Using Notepad Step 11

10.Tambahkan gambar dengan tanda

untuk memperindah situs dan menambahkan informasi yang tidak dapat dijelaskan dalam bentuk teks. Tanda memerlukan informasi tertentu agar berfungsi. Sintaksis lengkap tanda mungkin berbentuk seperti ini:
Parameter src pada tanda berfungsi untuk menulis nama berkas gambar, dan width serta height berfungsi untuk menjelaskan panjang dan lebarnya.

Gambar berjudul Create a Simple Webpage Using Notepad Step 12

11.Buatlah tautan yang mengarah ke halaman lain dengan tanda

misalnya Halaman lain. 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.

Gambar berjudul Create a Simple Webpage Using Notepad Step 13

12.Setelah selesai mengisi situs

akhiri halaman dengan menutup tanda

Terakhir, tutup kode HTML dengan

Gambar berjudul Create a Simple Webpage Using Notepad Step 14

13.Simpan halaman web buatan Anda dengan ekstensi .html,

bukalah di peramban favorit Anda untuk mengujinya.

Gambar berjudul Create a Simple Webpage Using Notepad Step 15

 

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 di baris pertama berkas, sebelum. Tanda ini menandakan bahwa berkas yang Anda buat adalah berkas HTML5.
  • Ubah jenis huruf dengan tanda sebelumdan sesudah. 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.

Info Artikel



wikiHow adalah suatu “wiki”, yang berarti ada banyak artikel kami yang disusun oleh lebih dari satu orang. Untuk membuat artikel ini, 65 penyusun, beberapa di antaranya anonim, menyunting dan memperbaiki dari waktu ke waktu.

Daftar kategori: Internet

Bahasa lain:

English: Create a Simple Webpage Using Notepad, Español: crear una simple página web usando el Bloc de Notas, Português: Criar Uma Página Web Simples com o Bloco de Notas, Italiano: Creare una Semplice Pagina Web Utilizzando il Blocco Note, Русский: создать простую веб страницу в Блокноте, Deutsch: Eine einfache Webseite mit dem Notepad erstellen, Français: créer une simple page web avec le bloc notes, Nederlands: Een eenvoudige webpagina maken met Windows Kladblok, العربية: إنشاء صفحة ويب بسيطة باستخدام المفكرة, ไทย: สร้างหน้าเว็บง่ายๆ ด้วย Notepad, 中文: 用记事本创建简单的网页, Tiếng Việt: Tạo trang web đơn giản bằng Notepad

  • Cetak
  • Sunting

Halaman ini telah diakses sebanyak 39.309 kali.

Baca juga langkah selanjutnya…..

Source

Share
Shohibul Kahfi

Shohibul Kahfi

Penulis pemula dengan imajinasi seadanya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Kembali ke atas