Cara Membuat Halaman Web

Daftar Isi:

Cara Membuat Halaman Web
Cara Membuat Halaman Web

Video: Cara Membuat Halaman Web

Video: Cara Membuat Halaman Web
Video: Cara membuat halaman website dengan html dan css | tutorial website 2024, Mungkin
Anonim

Masing-masing dari kita online seolah-olah ke luar angkasa - pertama kita ingin melihat "bagaimana?", Kemudian kita ingin memeriksa sebanyak mungkin semua yang ada di sana, dan kemudian ada keinginan untuk meninggalkan sesuatu milik kita sendiri di sana - bukan hanya "grafiti di dinding", tetapi sesuatu yang lebih substansial. Anda dapat memulai dengan membuat halaman web sederhana - inilah panduan langkah demi langkah.

Cara membuat halaman web
Cara membuat halaman web

Itu perlu

Editor teks

instruksi

Langkah 1

Segala sesuatu yang dilihat pengunjung situs di halaman web dibuat ulang oleh browser dari instruksi yang dikirim oleh server atas permintaannya. Instruksi ini ditulis dalam HTML (HyperText Markup Language) dan ekstensi htm dan html disorot untuk file di mana mereka disimpan. Anda dapat membuat file seperti itu di editor teks biasa - ini akan menjadi langkah pertama dalam membuat halaman web. Buka Notepad standar, misalnya, dan buat file kosong bernama index.html. Saat Anda mengetik alamat situs web tanpa menentukan halaman tertentu (misalnya, hal pertama yang dicari server adalah halaman dengan nama persis ini - index.

Langkah 2

Instruksi HTML disebut "tag" dan masing-masing dilampirkan dalam tanda kurung -. Beberapa tag dipasangkan, yaitu terdiri dari tag pembuka dan penutup, dan informasi ditempatkan di antara keduanya. Sebagai contoh, sebuah tag yang memberi tahu browser bahwa kode dalam HTML di bawah ini ditulis sebagai berikut: Tag penutup yang menyatakan bahwa kode HTML sudah selesai pada titik ini ditulis sebagai berikut: Seperti yang Anda lihat, tag penutup berbeda dari tag pembuka dengan adanya garis miring setelah kurung buka (</).

Langkah 3

Semua kode yang Anda letakkan di antara tag dan harus dibagi menjadi dua bagian - header dan badan dokumen. Tag pembuka dan penutup bagian judul ditulis sebagai berikut: Ini adalah bagian "layanan" halaman - informasi untuk judul jendela, kata kunci dan deskripsi untuk robot pencarian, deskripsi gaya, skrip, dll. ditempatkan di sini. Masukkan judul jendela halaman ke dalamnya: Ini adalah judulnya Teks lengkap halaman html Anda pada saat ini akan terlihat seperti ini:

Ini judulnya!

Langkah 4

Setelah bagian heading, Anda perlu menempatkan tag di mana instruksi isi dokumen akan dilampirkan: Sisipkan di antara mereka, misalnya, tag yang menampilkan paragraf teks pada halaman:

Ada seluruh paragraf informasi di sini!

Tidak semua tag HTML dipasangkan. Untuk beberapa dari mereka, semua yang Anda butuhkan ditempatkan di dalam tag pembuka. Tag ini memiliki garis miring penutup sebelum tanda kurung penutup. Misalnya, tag akhir baris dan "carriage return"

:

Baris pertama paragraf.

Baris kedua paragraf.

Semua ini cukup bagi browser untuk menampilkan halaman Anda secara normal. Semua kode html yang dirakit akan terlihat seperti ini:

Ini judulnya!

Baris pertama paragraf.

Baris kedua paragraf.

Ini melengkapi pembuatan halaman sederhana - setelah menyimpan dokumen (index.html), Anda dapat membukanya di browser dan melihat halaman Anda.

Direkomendasikan: