Skip to content Skip to sidebar Skip to footer
Home / aplikasi

Cara Membuat Website HTML dengan Notepad++ Simple dan Ringan

Diposkan oleh Ivank Panzoel Zeve

cara membuat website html,php,script mudah menggunakan notepad++
Cara Membuat Website HTML dengan Notepad++ Simple dan Ringan

Membuat website dengan notepad++ -- Bagaimana cara menggunakan notepad++ untuk membuat sebuah web yang berbasis html, di era sekarang ini banyak sekali pengguna internet untuk membangun sebuah web baik itu web sendiri atau perusahaan menggunakan aplikasi notepad++ yang berbasis tag HTML (Hyper Text Markup Language). Website atau web sebuah halaman yang berisi informasi dapat diakses melalui jaringan internet dari berbagai belahan dunia.

Jika anda belum mempunyai notepad++ untuk membuat website silahkan anda download disini.

Di bawah ini contoh Tag HTML sederhana untuk membuat sebuah website dengan notepad++:


<html>
<head><title>ini untuk judul website anda</title>
</head> 
<body>
ini untuk content website anda
</body>
</html>                                                                                              

Keterangan dasar html :
  • <html> </html> = Berisi jenis dokumen
  • <head> </head> = Bagian atas dokumen website
  • <title> </title>    = Bagian judul website
  • <body> </body> = Bagian isi website anda
Cara diatas adalah cara sederhana membangun sebuah website selanjutnya anda kembangkan dan kreasikan menggunakan tag html lainya contoh :

<html>
<head><title>Membuat Website Sederhana</title>
    <style>
        #header {
        width:100%;
        background-color:red;
        height:100px;
        }
       
        #menu {
        width:100%;
        background-color:green;
        height:30px;
        }
       
        #sidebar{
        width:25%;
        background-color:blue;
        height:300px;
        float:left;
        }
       
        #isi{
        width:75%;
        background-color:yellow;
        height:auto;
        float:right;
        }
       
        #footer{
        clear:both;
        width:100%;
        background-color:gray;
        height:70px;
        }
    </style>
<body>
 <div id="header"> Header </div>
 <div id="menu">Menu</div>
 <div id="sidebar">sidebar</div>
 <div id="isi">ini adalah isi ini adalah isi ini adalah isi ini adalah isi ini adalah isi                               
 </div>
 <div id="footer">kaki</div>
</body>
</head>
<html>



Jika ada pertanyaan silahkan komen di kolom komentar.

Baca juga : 4 Game edukasi android untuk anak.



Note :
Jika artikel ini bermamfaat untuk anda, mohon artikel ini di sharing ke yang lain agar teman anda juga mendapatkan mamfaatnya. Terima kasih.