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>