Anda di halaman 1dari 4

LAPORAN I – Biodata / Profil HTML

DESAIN & PEMROGRAMAN WEB

JUNIATI JOVITA INDUS


42522077

PROGRAM STUDI D4 TEKNIK KOMPUTER DAN JARINGAN


JURUSAN ELEKTRO
POLITEKNIK NEGERI UJUNG PANDANG
2023
Sintax HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Juni</title>
</head>
<body>
<div class="tamp">
<h1>Web Juni</h1>
<p>Biodata ini saya buat untuk latihan dan portfolio saya by Juniati Jovita
Indus</p>
</div>

<div class="navbar">
<a href="#">Beranda</a>
<a href="#">Riwayat Pendidikan</a>
<a href="#">Galerry Portfolio</a>
<a href="#">Kontak</a>
</div>

<div class="content">
<h1>Tentang Saya</h1>
<h4>Biodata Singkat:</h4>
<img src="jovi.jpg" height="200px" width="200px" alt="Juniati Jovita
Indus">
<p>Nama: Juniati Jovita Indus</p>
<p>Tempat Tanggal Lahir: Makassar, 24 Juni 2004</p>
<p>Pekerjaan: Mahasiswa</p>
<h4>Hobi</h4>
<ol type="1">
<li>Menggambar</li>
<li>Menyanyi</li>
<li>Mendengarkan Musik</li>
</ol>
<h4>Kontak</h4>
<table border="1" cellspacing="0" cellpadding="10">
<thead>
<tr>
<th>Email</th>
<th>LinkedIn</th>
<th>Instagram</th>
</tr>
</thead>
<tbody>
<tr>
<td>vitajofita@gmail.com</td>
<td>Juniati Jovita Indus</td>
<td>@jo.vita2917</td>
</tr>
</tbody>
</table>
</div>

<div class="form">
<form action="">
<h2>Komentar</h2>
<div class="input-box">
<input type="text" placeholder="Username" required>
</div>
<div class="input-box">
<input type="email" name="email" placeholder="Email">
</div>
<div class="input-box">
<input type="text" placeholder="Judul Pesan" required>
</div>
<textarea placeholder="Isi Pesan"></textarea>
<div class="btn">
<button type="submit" class="btn">Kirim</button>
</div>
</form>
</div>
</body>
</html>
Tampilan pada browser

Anda mungkin juga menyukai