Pada kesempatan ini saya membahas sedikit lagi mengenai postingan kemaren tentang Belajar membuat Form HTML , mulai dari Checkbox, Radio Button, Text area, text field, dan submit button.
Kamis, 01 Mei 2014
Rabu, 02 April 2014
HTML Tampilan Curriculum Vitae (CV)
Selamat malam semua, pada kesempatan ini saya akan share sedikit ilmu membuat tampilan Curriculum Vitae dengan HTML. Pada contoh berikut adalah data pribadi saya.
Langsung saja tulis script dibawah:
<html>
<head>
<title>Curriculum Vitae</title> <!-- Judul pada suatu web--></head>
<body bgcolor="#f6e6b4" width="800px"> <!-- Membuat body memiliki warna dengan menggunakan bgcolor -->
<div align="center">
<!-- Membuat rata tengah-->
<center>
<h1>
Curriculum Vitae</h1>
<!-- Membuat huruf menjadi besar (Ukuran H1) -->
</center>
<hr />
<h2>
Personal Details</h2>
<!-- Membuat huruf menjadi besar (Ukuran H2) -->
<table width="800px"> <!-- Membuat sebuah table -->
<tr>
<td width="25%">Nama</td>
<td width="1%">:</td>
<td><strong>Ikhsan Setyawan </strong></td>
<td rowspan="5"><img src="file:///F|/Foto/B/AKU/ikhsan.jpg" alt="FOTOKU" title="FOTO IKHSAN" height="200px" width="150px"></td>
</tr>
<tr>
<td>Tempat, Tanggal Lahir </td>
<td>:</td>
<td>Sleman, 20 Juli 1994 </td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td>Minggir Sleman Yogyakarta </td>
</tr>
<tr>
<td>E-mail</td>
<td>:</td>
<td><a href="mailto:ikhseikhse@gmail.com">ikhseikhse@gmail.com</a></td>
</tr>
</tbody>
</table>
<h2>
Educational Background</h2>
<table width="800px">
<tbody>
<tr>
<td>2010-2013</td>
<td>:</td>
<td>SMAN 1 SEYEGAN </td>
</tr>
<tr>
<td>2007-2010</td>
<td>:</td>
<td>SMPN 1 MINGGIR </td>
<tr>
<td>2001-2006</td>
<td>:</td>
<td>SD MUHAMMADIYAH SUNTEN </td>
</tr>
</tr>
</table>
<br /><br /> <!-- br untuk membuat baris baru -->
<a href="achievements.html" title="achievements"><h2>
Achievements >> </h2>
</a> <!-- Pergi ke file achievements.html -->
</div>
</body>
</html>
Dan berikut hasilnya:
Semoga Membantu.
Rabu, 26 Maret 2014
Belajar Membuat Form HTML
Form sering kita jumpai pada keseharian kita sehari-hari. Form sendiri merupakan suatu kolom yang biasanya dapat digunakan sebagai pengumpulan data, baik itu data di excel ataupun form yang berada di website kita, contohnya saja form login, form komentar, form kontak, dll.
Nah pada kesempatan ini saya ingin membahas cara membuat form itu sendiri.
Coba ketikan source code dibawah ini:
Dan berikut hasil tampilannya:
Jumat, 14 Maret 2014
Struktur Dasar Pemrograman Web HTML
Sebagai prasyarat atau tugas mata kuliah Pemrograman Web. Pada postingan kali ini saya akan membahas mengenai Struktur Dasar Web HTML.
Apa itu HTML??
HTML (hypertext markup language) merupakan suatu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu.
Dokumen HTML adalah suatu dokumen teks biasa dan disebut markup language karena menggunakan tanda-tanda tertentu yang disebut tag untuk mengatur bagaimana suatu dokumen ditampilkan pada browser.
Bahasa HTML (tag) dapat ditulis melalui berbagai macam word editor, misalnya Notepad, Wordpad, PHP Designer 2005, dll.
Struktur Dasar Pemrograman Web HTML sendiri tersusun seperti berikut:
Keterangan:
Nah sekian dulu postingan mengenai Struktur Dasar Pemrograman Web HTML kali ini, pada postingan selanjutnya saya akan membahas luas lagi sebagai contoh cara merubah warna teks dan background, penyuntingan teks heading, italic,bold, alignment, dll.
Semoga bermanfaat.
Langganan:
Postingan (Atom)
