Source Code Hml Dengan studi Kasus Login Aplikasi

 Sebelum itu apa sih menurut kalian sob tentang html itu ?  bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript.Dengan singkatan dari html ialah:Hypertext Markup Language (HTML).




Peramban internet menerima dokumen HTML dari server web atau dari penyimpanan lokal dan membuat dokumen menjadi halaman web multimedia. HTML menggambarkan struktur halaman web secara semantik dan isyarat awal yang disertakan untuk penampilan dokumen.

Elemen HTML digambarkan oleh tag, ditulis menggunakan tanda kurung sudut. Tag seperti <img /> dan <input /> langsung perkenalkan konten ke dalam halaman. Tag lain seperti <p> mengelilingi dan memberikan informasi tentang teks dokumen dan mungkin menyertakan tag lain sebagai sub-elemen. Peramban tidak menampilkan tag HTML, tetapi menggunakannya untuk menafsirkan konten halaman.

HTML dapat menyematkan program yang ditulis dalam bahasa scripting seperti JavaScript, yang memengaruhi perilaku dan konten halaman web.


Sob di sini saya akan memberikan source code html tentang login pada halaman sebuah website dengan menggunakan html:



//nama:seno botak
<html>
        <script language="JavaScript">
            function Login(){
           
            var username=document.login.username.value;
            username=username.toLowerCase();
            var password=document.login.password.value;
            password=password.toLowerCase();
           
                if (username=="juned" && password=="123"){
                alert("Selamat anda berhasil login");
                }
                else{
                alert("User name dan password anda salah!");
                }
            }       
            </script>
           
    <body>
            <form name="login">
                <table width="225" cellpadding="4">
                <tr><td>Username</td><td><input type="text" name="username"></td></tr>
                <tr><td>Password</td><td><input type="text" name="password"></td></tr>
                <tr><td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td></tr>
                </table>
    </body>
    </html>


Hasil run dari kodingan di atas:





Jadikan codingan di atas sebagai bahan acuan belajar kalian sob.Sekian terima kasih besok saya akan source code yang lainnya.


Comments