MAU BUAT HTML TAPI BINGUNG BUATNYA GIMANA? CEK DISINI!
1) Membuat Form Pendaftaran
1. Buka aplikasi Sublime. Lalu klik File, Save as, dan simpan dengan format HTML dan nama yang diakhiri .html. Setelah file disimpan, ketik seperti yang ditampilkan pada gambar. Tahapan yang ditampilkan ialah sampai pada pembuatan judul/heading.
2. Buat tabel dengan isian inputan sesuai kebutuhanmu. Ketik seperti yang ditampilkan pada gambar di bawah ini. Tahapan yang ditampilkan ialah sampai pada pembuatan tabel yang terdapat enam inputan.
3. Tambahkan "submit" dan "reset" seperti yang ditampilkan pada gambar di bawah ini. Setelah itu klik save, lalu akan muncul tampilan seperti ini pada laman html-mu.
2) Mengubah Background Color
1. Cari kode warna yang kamu inginkan untuk menjadi warna backgroundmu. Kode warna dapat dicari di https://www.w3schools.com/colors/colors_picker.asp
2. Copy kode warna yang kamu inginkan, lalu masukkan ke dalam coding-an di sublime seperti yang ditampilkan pada gambar di bawah ini. Setelah itu klik save, lalu akan muncul tampilan seperti ini pada laman html-mu.
3) Memasukkan Gambar
Copy file nama gambar, lalu tambahkan akhiran .jpg atau .png sesuai format gambar yang akan kamu masukkan. Setelah itu klik save, lalu akan muncul tampilan seperti ini pada laman html-mu.
4) Memasukkan Audio
Copy file nama audio, lalu tambahkan akhiran .mp3 atau yang lainnya sesuai format audio yang akan kamu masukkan. Setelah itu klik save, lalu akan muncul tampilan seperti ini pada laman html-mu.
5) Code dan Hasil HTML
<!DOCTYPE html>
<html>
<head>
<title>Penkom Gina</title>
</head>
<img src="7f855390b56802bbcb1bf27db2f4202f.jpg">
<h2><audio controls>
<source src="[music box].mp3" type="audio/mpeg">
</audio>
<h1>Formulir Pendaftaran </h1>
<table align="left" border="1">
<form >
<tr >
<th > Nama</th>
<th> <input type="text"> </th>
</tr>
<tr>
<th> NIM</th>
<th> <input type="text"> </th>
</tr>
<tr>
<th> Tanggal Lahir</th>
<th> <input type="date"></th>
</tr>
<tr>
<th> Asal Daerah</th>
<th> <input type="text"> </th>
</tr>
<tr>
<th> Asal Departemen</th>
<th> <input type="text"> </th>
</tr>
<tr>
<th> Motivasi Mengikuti Kegiatan Ini</th>
<th> <input type="text"> </th>
</tr>
<tr>
<th><input type="submit"></th>
<th><input type="reset"></th>
</tr>
</form>
</table>
<body bgcolor="#c2c2a3">
</body>
</html>
SELAMAT MENCOBA!
0 komentar:
Posting Komentar