Sabtu, 22 September 2018

CARA MEMBUAT HALAMAN HTML MENGGUNAKAN NOTEPAD++

  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.
  2. Gambar berjudul Create a Simple Webpage Using Notepad Step 2
    2
    Pahami HTML. 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.
  3. Gambar berjudul Create a Simple Webpage Using Notepad Step 3
    3
    Awali halaman web Anda dengan memasukkan tanda <html> di bagian atas berkas.
  4. Gambar berjudul Create a Simple Webpage Using Notepad Step 4
    4
    Gunakan tanda <head> untuk memasukkan berbagai informasi. 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.
  5. Gambar berjudul Create a Simple Webpage Using Notepad Step 5
    5
    Setelah memasukkan tanda <head>, beri judul halaman dengan tanda <title>, misalnya <title>wikiHow HTML</title>
  6. Gambar berjudul Create a Simple Webpage Using Notepad Step 6
    6
    Akhiri kepala situs dengan menggunakan tanda </head>
  7. Gambar berjudul Create a Simple Webpage Using Notepad Step 7
    7
    Gunakan tanda <body> untuk memasukkan isi halaman. Ingatlah bahwa tidak semua warna didukung oleh peramban. Misalnya, warna abu-abu gelap mungkin tidak didukung.
  8. Gambar berjudul Create a Simple Webpage Using Notepad Step 8
    8
    Tuliskan isi halaman web di antara tanda <body>. 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.
  9. Gambar berjudul Create a Simple Webpage Using Notepad Step 9
    9
    Buatlah paragraf di halaman dengan tanda <p>. Misalnya, tulislah <p>Tes paragraf!</p> Untuk membuat baris baru, gunakan tanda <br>, atau break.
  10. Gambar berjudul Create a Simple Webpage Using Notepad Step 10
    10
    Anda tentu tidak ingin halaman web yang Anda buat hanya berisi teks polos. 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!
  11. Gambar berjudul Create a Simple Webpage Using Notepad Step 11
    11
    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.
  12. Gambar berjudul Create a Simple Webpage Using Notepad Step 12
    12
    Buatlah tautan yang mengarah ke halaman lain dengan tanda <a>, misalnya <a href="otherpage.html">Halaman lain</a>. 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.
  13. Gambar berjudul Create a Simple Webpage Using Notepad Step 13
    13
    Setelah selesai mengisi situs, akhiri halaman dengan menutup tanda </body>. Terakhir, tutup kode HTML dengan </html>
  14. Gambar berjudul Create a Simple Webpage Using Notepad Step 14
    14
    Simpan halaman web buatan Anda dengan ekstensi .html, dan bukalah di peramban favorit Anda untuk mengujinya.
  15. Gambar berjudul Create a Simple Webpage Using Notepad Step 15
di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

relasi database my sql

  oke kali ini saya akan membuat artikel tentang Membangun Relasi Database 20-02-2019 Relational database merupakan model database y...

  • relasi database my sql
      oke kali ini saya akan membuat artikel tentang Membangun Relasi Database 20-02-2019 Relational database merupakan model database y...
  • CARA MEMBUAT DATABASE DI XAMP
    CARA MEMBUAT DATABASE DI XAMP XAMPP adalah perangkat lunak yang terdiri atas Apache, MySQL, dan PHP yang memungkinkan Anda memiliki serve...