2.
1 BELAJAR DASAR HTML
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
2.2 BELAJAR DASAR HTML
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p{
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>
2.3 BELAJAR DASAR HTML
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p{
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>HALAMAN UTAMA</h1>
<p>DEDE CORLINA.</p>
<p>BIODATA.</p>
<p><a href="biodata.html">Link biodata</a></p>
</body>
</html>
2.4 BELAJAR DASAR HTML
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to change the layout of this paragraph</p>
<script>
function myFunction() {
var x = document.getElementById("demo"); x.style.fontSize = "25px";
x.style.color = "red";
}
</script>
<button onclick="myFunction()">Click Me!</button>
</body>
</html>
2.5 SCRIPT MEMBUAT BIODATA
<html>
<head>
<title>Membuat Biodata Sederhana</title>
</head>
<body>
<form action="#" style="width: 700px"class="posisi";>
<fieldset class="h"/>
<table style="width: 600px;">
<body style="background-color:pink"> </body>
<tr>
<td rowspan="10" width="100px">
<img src="image.jpg" width="150px" height="200px" border="5">
</td>
</tr>
<center>
<font size="25px">
<b>BIODATA</b>
</font>
</center>
<tr>
<td><b>NAMA</b></td>
<td>: DEDE CORLINA DAN </td>
</tr>
<tr>
<td><b>NIM</b></td>
<td>: 11113041</td>
</tr>
<tr>
<td><b>TTL</b></td>
<td>: Purwodadi, 08 Agustus 1997</td>
</tr>
<tr>
<td><b>ALAMAT</b></td>
<td>: Pandeglang</td>
</tr>
<tr>
<td><b>JENIS KELAMIN</b></td>
<td>: PEREMPUAN</td>
</tr>
<tr>
<td><b>AGAMA</b></td>
<td>: Islam</td>
</tr>
</body>
</html>
