Membuat Halaman Web Pertama

Sekarang mari kita akan memulai mempelajari pembuatan dokumen HTML menggunakan versi HTML5. Di bagian awal, akan dijelaskan bagaimana cara membuat, menyimpan dan menampilkan halaman web pertama kita.

Membuat Website HTML5

Langsung saja kita buat halaman web html5. Untuk membuatnya pertama silahkan buka program Notepad++. Disini saya sangat merekomendasikan menggunakan notepad++ sebagai alat editor html. (download disini apabila belum memiliki aplikasi Notepad++).

1. Pertama coba ketikkan baris kode dibawah ini:

 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Membuat Web dengan HTML5</title>  
 </head>  
 <body>  
 <!-- Isi Dokumen Web -->  
 <h1>Belajar HTML5</h1>  
 <p>Selamat datang di web html5!</p>  
 <p>Membuat halaman web versi html5 dengan notepad.</p>  
 <p><a href="https://dieveloper.blogspot.com">DIEVELOPER</a></p>  
 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJepDZgG4FMQTKaMOhAlz67t7aBDcJpjVC4pRcnDVZzAjhj8TZVK2FEKa5Ql-2W-zjSv5tR8zU1XjI7t7WFDfb7Mf2FoxFiyDcscpFjoq8jqvV2-PAjzAvT0T0srvLU0rdtqD_9DBxyU/s1600/die.gif">  
 </body>  
 </html>

Pada tulisan yang di bold, kalian bisa mengganti dengan link dan gambar lainnya.

2. Setelah selesai coba simpan hasilnya dengan nama latihan.html. Klik File - Save As (pilih lokasi penyimpanan). Lalu pastikan ubah save as type: menjadi All File.

Latihan

3.Setelah berhasil tersimpan, bukalah file tadi untuk menampilkan halaman web kamu dari browser.

Tampilan di browser

Kini kita dapat menyimpulkan bahwa pembuatan web sangat mudah dan sederhana. Cukup menggunakan program text editor sederhana, sebuah website dapat di ciptakan.