Minggu, 05 Mei 2013

Membuat halama Web sederhana

Untuk kesempatan kali  ini saya akan memposting bagaimana cara untuk membuat tampilan web sederhana mengunakan HTML,
Untuk langkah awal, buatlah  file baru dengan notepad/notepad++ dan beri nama apa saja dengan ektension.HTML/.HTM ketikan script seperti di bawa ini.
<html>
  <head>
    <title>Curriculum Vitae</title> <!-- Judul pada suatu web-->
  </head>
  <body bgcolor="#ADD8E6" width="800px"> <!-- Membuat body memiliki warna dengan menggunakan bgcolor -->
  <div align="center">
 <!-- Membuat rata tengah-->
    <center>
<h1>
Curiculum Vitae</h1>
<!-- Membuat huruf menjadi besar (Ukuran H1) -->
</center>
<hr />
<h2>DATA DIRI</h2>
<!-- Membuat huruf menjadi besar (Ukuran H2) -->
<table width="600px"> <!-- Membuat sebuah table -->
<tr>
    <td width="25%">Nama Lengkap</td>
           <td width="1%">:</td>
          <td><b>JULIUS JULIANTO</b></td>
        <td rowspan="5"><img src="C:\Users\iyus\My Pictures\pas foto\PICT0618.jpg" alt="Foto Julius" title="Foto Julius" height="100px" width="75px"></td>
        </tr>
<tr>
          <td>Tempat, Tanggal Lahir</td>
          <td>:</td>
          <td>KARAWANG, 1 juli , 1991</td>
        </tr>
<tr>
          <td>Alamat</td>
          <td>:</td>
          <td>CLUSTER HAWAI BLOK J NO11,CITY RESORT , CENGKARENG - KODEPOS : 11730</td>
        </tr>
<tr>
    <td>E-mail</td>
          <td>:</td>
          <td>Yuzrie91@yahoo.com</td>
        </tr>
</tbody>
    </table>
<h3    >
RIWAYAT PENDIDIKAN</h3>
<table BORDER = "9" width="600px">
      <tbody>
<tr>
          <td align="center" bgcolor="blue" width="25%">TAHUN</td>
          <td bgcolor="blue" width="2%"></td>
          <td align="center" bgcolor="blue" > NAMA SEKOLAH</td>
        </tr>
<tr>
          <td width="25%">2009- SAAT INI</td>
          <td width="1%">:</td>
          <td>UNIVERSITAS GUNADARMA, CENGKARENG</td>
        </tr>
<tr>
          <td>1996-2002</td>
          <td>:</td>
          <td>SD YOS SUDARSO, KARAWANG</td>
        </tr>
<tr>
          <td>2002-2005</td>
          <td>:</td>
          <td>SMP YOS SUDARSO, KARAWANG</td>
<tr>
          <td>1995-2008</td>
          <td>:</td>
          <td>SMA YOS SUDARSO, KARAWANG</td>
        </tr>
</tr>
</table>


Lalu buat layout selanjut nya akan terhubung dengan link facebook Julius julianto sendiri.(Harus online)

ketik script seperti di bawah ini.

<br /><br /> <!-- br untuk membuat baris baru -->
      <a href="http://www.facebook.com/julianto.julius " title="achievements"><h2>
Achievements >> </h2>
</a><!-- Pergi ke profile Facebook Julius Julianto  -->
  </div>
</body>
</html>

Setelah selesai, save file diatas kemudian buka file dengan nama yan kita buat dengan .HTML/ .HTM yang telah dibuat sebelumnya menggunakan web browser (internet explorer, mozzila firefox, google chrome, dsb)
Dan lihat hasilnya..