cara Membuat Halaman web dasar

Ada baiknya kita langsung belajar membuat Halaman web pertama kita tapi sebelum nya saya sedikit memberi sedikit dasar HTML5 Yap HTML5...


pengertian html

Ada baiknya kita langsung belajar membuat Halaman web pertama kita tapi sebelum nya saya sedikit memberi sedikit dasar HTML5
Yap HTML5 adalah pembuatan dokumen jenis baru versi dari html sebelum nya, nah sekarang kita akan belajar dan menjelaskan cara membuat menyimpan dan menampilkan nya, yok langsung saja membuat halaman pertama kita.

Membuat Halaman Web Pertama
Untuk membuat halaman web pertama kita, silahkan buka Notepad agan, Lebih bagus lagi menggunakan Notepad++.

Pertama, kita akan mengetikan beberapa Baris Kode dibawah

<!DOCTYPE html>
<html>

  <Head>
    <title>Latihan Pertama Kita</title>.
  </head>
  <body>
<!--ini isi dokumen kita-->
   <h1>Belajar HTML</h1>
   <p>Membuat halaman web dengan HTML &amp; Notepad.<p>
   <p><a href="http://www.google.com">Google</a><p>
   <img src="http://www.smitdev.com/google.jpg">
  </body>

</html>

Kedua - Setelah selesai, silahkan simpan hasil pengetikan agan. dengan cara Klik File > Save As, Maka kotak dialog penyimpanan akan ditampilkan.

Ketiga - Pilih lokasi penyimpanan, Misalnya file diletakan di D:\Latihan Pada Save as Type, dan Pastikan agan pilih All files. Pada File Name isikan nama latihan1.html atau latihan1.htm. Lalu klik save.

Keempat - Buka Windows Explorer dan periksa File HTML pertama agan di Folder Latihan. File HTML Agan akan ditampilkan dalam ikon program web browser default komputer kita.

Kelima - File yang agan simpan tadi lalu klik dua kali nama file yang agan simpan tadi maka web browser akan dijalan kan dan menampilkan halaman web pertama kita Berikut gambar nya.
halaman web dasar
contoh hasil dari html dasar
Nah kini agan pasti mungkin ngerti dan dapat menyimpulkan bahwa pembuatan Halaman Web ternyata sangat mudah dan sederhana, dan sebuah website bisa di ciptakan.

Nah berikut nya nanti kita akan belajar memahami struktur dokumen HTML di berikutnya, Misalnya Doctype itu apa elemen tag dan masih banyak lagi,
terimakasih sudah membaca

Postingan Terkait

0 komentar