Anda di halaman 1dari 10

INSTALASI WEB

SERVER
AGUS HARIYANTO
INSTALASI
 Instalasi XAMP server
 Instalasi Visula Studio Code
 Pengenalan Pemrograman Web Statis (Front End)
 Pengenalan Pemrograman Web Dinamis ( Back End)
Instalasi XAMP Server
 Download : https://www.apachefriends.org/download.html
Instalasi Visual Studio Code
 Download : https://code.visualstudio.com/
Struktur HTML
Contoh HTML

<html>
    <head>
        <title> Belajar HTML Pertama </title>
    </head>
    <body>
        Selamat Belajar HTML <br>
        <h1> Ini adalah Heading 1</h1>
        <h2> Ini adalah Heading 2</h2>
        <h3> Ini adalah Heading 3</h3>
        <h4> Ini adalah Heading 4</h4>
        <h5> Ini adalah Heading 5</h5>
        <p> ini adalah paragraf </p>
    </body>
</html>
Struktur HTML dan CSS
Contoh HTML dan CSS
<html>
<head>
    <title> Belajar HTML dan CSS </title>
    <style type="text/CSS">
        <!--
        tampil1{font-size: 25pt;
            font-style:italic;
            font-family: 'Courier New', Courier, monospace;
            background-color: grey;
            color: rgb(23, 0, 128);}

        tampil2{font-size: 50pt;
       font-style:normal;
         font-family: 'Courier New', Courier, monospace;
         background-color: rgb(37, 224, 109);
         color: rgb(128, 0, 0);}
        -->
    </style>
</head>
<body>
    <tampil1> Panggil CSS Pertama ku</tampil1>
    <br>
    <tampil2> Panggil CSS Kedua</tampil2>
</body>
</html>
Struktur HTML dan JavaScript
<!DOCTYPE html>
<html>
<head>
Belajar Perkalian Java Script
</head> Pemanggil Class/Objek
<body>
<button onclick="fun_name();">Call function</button>
<script> Class/Objek
function fun_name()
{
alert("Function called"); Value
}
</script>
</body>
</html>
Contoh HTML dan Java Script
<!DOCTYPE html>
<html>

<head>
    BELAJAR JavaScript Perkalian Sederhana
    <br>
</head>

<body>

    <button onclick="fun_name();">Prompt</button>

    <script>
        function fun_name() {
            var
                a, b, c = Number;
            a = prompt("Masukan Nilai 1");
            b = prompt("Masukan Nilai 2");
            c = (a * b);
            alert(c);
        }
    </script>

</body>

</html>

Anda mungkin juga menyukai