Cara Membuat Website Sederhana Menggunakan Notepad

Pengarang: John Stephens
Tanggal Pembuatan: 26 Januari 2021
Tanggal Pembaruan: 1 Juli 2024
Anonim
Tutorial Membuat Website Sederhana Menggunakan Notepad++
Video: Tutorial Membuat Website Sederhana Menggunakan Notepad++

Isi

Kami menggunakan halaman web setiap hari, tetapi apakah sulit untuk membuatnya? Artikel ini akan mengajarkan Anda cara membuat situs web HTML sederhana menggunakan Notepad.

Langkah

Metode 1 dari 1: Buat situs web Anda sendiri

  1. Buka Notepad. Notepad sudah diinstal sebelumnya di setiap komputer Windows, dan Anda dapat menemukannya di menu Start. Setelah membuka Notepad, klik "File", pilih "Save As" di menu drop-down. Kemudian, pilih "Semua File" di menu jenis file dan simpan file sebagai HTML. Biasanya, file "index.html" adalah halaman utama, berisi semua link untuk mengakses semua yang ada di website.

  2. HTML (HyperText Markup Language) menggunakan tag. Pada dasarnya, tag adalah kata-kata di dalam aksen .
    Anda akan menggunakan banyak tag untuk membuat halaman web Anda. Di sebelahnya adalah "tag penutup", yang digunakan untuk mengakhiri baris kode. Misalnya: Tag ini diakhiri dengan font tebal atau paragraf teks.

  3. Header halaman web biasanya berupa tag: . Anda dapat meletakkannya di bagian atas file Notepad Anda.
  4. Selanjutnya adalah kartu .
    Berikutnya adalah , tab ini memberi tahu browser apa yang harus ditempatkan di bagian atas jendela dan <i>tag meta </i> (opsional) memberi tahu mesin pencari (seperti Google) tentang apa situs itu.

  5. Di baris berikutnya, setelah kartu kepalaMari kita beri judul, misalnya: wikiHow HTML
  6. Sekarang, ketik untuk mengakhiri bagian pertama.
  7. Berikutnya di situs web adalah tag . Perhatikan bahwa browser tidak mendukung semua warna (misalnya, sebagian besar browser tidak mendukung abu-abu tua).
  8. Di antara dua tag badan adalah konten halaman web yang dilihat pengguna. Mari kita mulai dengan judulnya. Ini adalah sebagian besar teks, ditentukan dalam HTML dari tag

    datang

    , dengan kartu

    adalah ukuran terbesar. Jadi di bagian atas halaman web, setelah tag body, Anda dapat menulis

    Selamat Datang di halamanku!

    Anda harus selalu memberi tag penutup, jika tidak semua teks di halaman web akan dilebih-lebihkan!
  9. Tag lain yang dapat dimasukkan dalam konten halaman web adalah

    atau tag paragraf. Setelah judul, Anda bisa masuk

    . Saya sedang belajar cara membuat situs web! Aturan WikiHow! Jika Anda ingin membuat baris baru di halaman, gunakan tag pembungkus
    .

  10. Sebuah situs web dengan hanya teks biasa itu membosankan. Jadi mari kita masukkan ke dalam beberapa format. Kartu ke teks tebal, untuk mencetak miring, dan menggarisbawahi. Jangan lupa tag penutupnya!
  11. Yang membuat situs web ini sangat menarik adalah gambarnya. Meskipun teksnya diformat, tidak ada yang mau melihat halaman sebagai teks seluruhnya. Gunakan kartu untuk menyisipkan gambar. Namun seperti halnya tag body, tag ini membutuhkan informasi tambahan. Tag img akan terlihat seperti ini: anjing’ src=Data src (source: source) adalah nama gambar tersebut. Lebar dan tinggi di belakang adalah lebar dan tinggi dalam piksel gambar.
  12. Hampir selesai! Jika Anda ingin pengunjung Anda dapat melihat beberapa halaman, gunakan tag: Halaman lain Konten dalam tag adalah apa yang akan diklik pengguna untuk pergi ke halaman berikutnya, dan bagian href adalah link ke halaman itu. Dengan tag ini, Anda dapat dengan mudah menampilkan pengguna di sekitar situs web Anda.
  13. Untuk menyelesaikannya, Anda harus mengakhiri tag body dengan dan seluruh halaman web dengan tag
  14. Simpan file dengan ekstensi .html '. Kemudian buka file.html di browser favorit Anda untuk melihat cara kerjanya. Selamat! Anda baru saja membuat situs web.
  15. Jika Anda ingin mempublikasikan situs web Anda secara online, pelajari cara membuat situs web dengan nama domain. iklan

Nasihat

  • Anda dapat menemukan banyak kartu secara online. Ada banyak situs web yang berguna untuk membantu orang mempelajari cara membuat situs web (W3Schools adalah salah satunya).
  • Ingatlah untuk menggunakan closure.
  • Selalu pastikan untuk memesan kartu di baris pertama, sebelum tag Beri tahu browser bahwa situs Anda adalah standar HTML5.
  • Anda dapat mengubah font dengan tag sebelum lalu . N adalah singkatan dari font, seperti "Verdana".
  • Jika Anda ingin menggunakan karakter khusus pada halaman web, ketik & lt (<), & gt (>), & amp (&), dan seterusnya, akhir kode HARUS MEMILIKI titik koma ";".
  • Dalam tutorial HTML, nama folder dan file web selalu ditempatkan dalam huruf kecil, tanpa aksen apa pun. Meskipun Windows mengizinkan penggunaan ruang, banyak penyedia web hosting tidak melakukannya, jadi Anda akan menghemat waktu dan kerumitan dengan nama file dan folder yang tepat.