Kamis, 01 Mei 2014

HTML tampilan Form

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.

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:







Cukup mudah bukan? Nah silahkan kalian modifikasi sendri. Semoga bermanfaat.

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.

Kamis, 30 Januari 2014

Mengenal Perangkat Pengolah Data (Processing)

Berhubungan dengan posting tentang Mengenal Perangkat Keras Komputer kali ini saya akan menjelaskan tentang Perangkat Pengolah Data (Processing), nah perangkat pengolah data biasanya disebut dengan CPU (Central Processing Unit) atau Processor. CPU diartikan sebagai sebuah kotak yang ber

Perangkat Masukan (Input Device)

Lanjut posting mengenai Perangkat Keras Komputer kali ini saya akan menjelaskan mengenai Perangkat Masukan atau Input Device . Perangkat masukan sendiri berfungsi untuk memberikan perintah atau masukan data tertentu kedalam sistem komputer agar dapat bekerja sesuai keinginan si pemakai. Ada pun perangkat masukan terdiri dari:

1. Keyboard
Gambar
Keyboard adalah seperangkat tombol-tombol yang

free web site traffic and promotion
 

Popular Posts

Amikom

Get this widget:
Ikhsan. Diberdayakan oleh Blogger.