Cara Membuat Halaman Web Mudah dengan Notepad: 15 Langkah

Isi kandungan:

Cara Membuat Halaman Web Mudah dengan Notepad: 15 Langkah
Cara Membuat Halaman Web Mudah dengan Notepad: 15 Langkah

Video: Cara Membuat Halaman Web Mudah dengan Notepad: 15 Langkah

Video: Cara Membuat Halaman Web Mudah dengan Notepad: 15 Langkah
Video: Cara Menggunakan VPN di Smartphone 2024, November
Anonim

Setiap hari, kami mengakses pelbagai laman web. Namun, kadang-kadang kita tertanya-tanya, adakah sukar untuk membuat laman web anda sendiri? Dalam artikel ini, anda akan dibimbing untuk membuat laman web HTML ringkas dengan Notepad.

Langkah

Kaedah 1 dari 1: Membuat Halaman Web Anda Sendiri

Buat Halaman Web Mudah Menggunakan Notepad Langkah 1
Buat Halaman Web Mudah Menggunakan Notepad Langkah 1

Langkah 1. Buka Notepad

Penyunting teks ini adalah program bawaan yang tersedia di setiap komputer Windows, dan boleh didapati di menu Mula. Setelah Notepad dibuka, klik Fail> Simpan Sebagai, kemudian pilih Semua Fail di lajur Jenis Fail. Simpan fail yang anda buat dalam format HTML. Umumnya, halaman utama laman web mempunyai nama fail "index.html", dan mengandungi pautan ke semua halaman di laman web ini.

Buat Halaman Web Mudah Menggunakan Notepad Langkah 2
Buat Halaman Web Mudah Menggunakan Notepad Langkah 2

Langkah 2. Fahami HTML

Tanda (tag) dalam HTML (Hypertext Markup Language) berada dalam.

Tanda ini berfungsi untuk membina laman web anda. Untuk mengakhiri kod HTML, gunakan tag akhir, seperti. Tanda penutup berguna untuk menutup pelbagai tanda, seperti tanda tebal atau tanda perenggan.

Buat Halaman Web Mudah Menggunakan Notepad Langkah 3
Buat Halaman Web Mudah Menggunakan Notepad Langkah 3

Langkah 3. Mulakan halaman web anda dengan memasukkan tag di bahagian atas fail

Buat Halaman Web Mudah Menggunakan Notepad Langkah 4
Buat Halaman Web Mudah Menggunakan Notepad Langkah 4

Langkah 4. Gunakan tag untuk memasukkan pelbagai maklumat

Tanda berguna untuk menetapkan tajuk halaman, sementara tag (opsional) digunakan untuk memasukkan penjelasan mengenai isi halaman web. Tanda itu kemudian akan dibaca oleh enjin carian, seperti Google.

Buat Halaman Web Mudah Menggunakan Notepad Langkah 5
Buat Halaman Web Mudah Menggunakan Notepad Langkah 5

Langkah 5. Setelah memasukkan tag, judul halaman dengan tag, misalnya wikiHow HTML

Buat Halaman Web Mudah Menggunakan Notepad Langkah 6
Buat Halaman Web Mudah Menggunakan Notepad Langkah 6

Langkah 6. Selesaikan tajuk laman web dengan menggunakan tanda

Buat Halaman Web Mudah Menggunakan Notepad Langkah 7
Buat Halaman Web Mudah Menggunakan Notepad Langkah 7

Langkah 7. Gunakan tag untuk memasukkan kandungan halaman

Perlu diingat bahawa tidak semua warna disokong oleh penyemak imbas. Contohnya, kelabu gelap mungkin tidak disokong.

Buat Halaman Web Mudah Menggunakan Notepad Langkah 8
Buat Halaman Web Mudah Menggunakan Notepad Langkah 8

Langkah 8. Tulis kandungan laman web antara

Contohnya, mulakan dengan membuat tajuk laman web. Header laman adalah bahagian laman dalam huruf besar, dan ditandai dengan tanda

sehingga

. Tanda

anda boleh gunakan untuk membuat tajuk laman web dengan saiz fon terbesar. Cuba gunakan tanda tepat di bawah tanda, seperti

Selamat datang ke laman web saya

. Pastikan anda menutup tanda

pada akhir ayat.

Buat Halaman Web Mudah Menggunakan Notepad Langkah 9
Buat Halaman Web Mudah Menggunakan Notepad Langkah 9

Langkah 9. Buat perenggan di halaman dengan tanda

Contohnya, tulis

Ujian perenggan!

Untuk membuat baris baru, gunakan tanda, atau rehat.

Buat Halaman Web Mudah Menggunakan Notepad Langkah 10
Buat Halaman Web Mudah Menggunakan Notepad Langkah 10

Langkah 10. Anda pasti tidak mahu laman web yang anda buat hanya mengandungi teks biasa

Gunakan bendera berikut untuk memformat teks di laman web: teks tebal, teks miring, dan garis bawahnya. Setelah menggunakan tanda di atas, jangan lupa menutupnya!

Buat Halaman Web Mudah Menggunakan Notepad Langkah 11
Buat Halaman Web Mudah Menggunakan Notepad Langkah 11

Langkah 11. Tambahkan gambar dengan tanda

Image
Image

untuk memperindah laman web dan menambah maklumat yang tidak dapat dijelaskan dalam bentuk teks.

Tanda

Buat Halaman Web Mudah Menggunakan Notepad Langkah 13
Buat Halaman Web Mudah Menggunakan Notepad Langkah 13

memerlukan maklumat tertentu untuk berfungsi. Sintaks penuh tanda

mungkin berbentuk seperti ini:.

Parameter src dalam tanda berfungsi untuk menulis nama fail gambar, dan fungsi lebar dan tinggi untuk menggambarkan panjang dan lebar.

Langkah 12. Buat pautan yang menuju ke halaman lain dengan, misalnya halaman Lain

Teks di tengah tanda adalah teks yang akan muncul di halaman, sementara parameter href berisi halaman tujuan. Dengan pautan, pengunjung boleh berpindah ke halaman yang berbeza di laman web anda dengan mudah.

Langkah 13. Setelah anda selesai mengisi laman web ini, tamatkan halaman dengan menutup

Akhirnya, tutup kod HTML dengan

Buat Halaman Web Mudah Menggunakan Notepad Langkah 14
Buat Halaman Web Mudah Menggunakan Notepad Langkah 14

Langkah 14. Simpan laman web yang anda buat dengan pelanjutan.html, dan buka di penyemak imbas kegemaran anda untuk mengujinya

Buat Halaman Web Mudah Menggunakan Notepad Langkah 15
Buat Halaman Web Mudah Menggunakan Notepad Langkah 15

Langkah 15. Baca panduan berikut untuk memuat naik laman web anda ke internet

Petua

  • Di internet, terdapat pelbagai laman web yang mengandungi panduan untuk membuat laman web. W3school adalah satu laman web dengan bahan yang baik.
  • Pastikan anda menutup setiap teg dalam fail HTML.
  • Letakkan tanda pada baris pertama fail, sebelum. Bendera ini menunjukkan bahawa fail yang anda buat adalah fail HTML5.
  • Tukar fon dengan tanda sebelum dan selepas. Gantikan "N" dengan jenis huruf yang anda mahukan, misalnya "Verdana".
  • Sekiranya anda perlu menggunakan tanda kurung sudut, gunakan kodnya. Sementara itu, untuk menggunakan tanda &, gunakan kod &.
  • Menurut tutorial HTML, anda harus selalu menamakan fail dan folder web dengan huruf kecil, tanpa spasi dan tanda baca. Walaupun Windows membolehkan anda meletakkan ruang dalam nama fail, banyak penyedia hosting tidak. Selain itu, nama fail yang kemas akan memudahkan anda menguruskan laman web anda.

Disyorkan: