7. Cara membuat index biodata



A. Membuat biodata



Kali ini saya akan memberikan tutorial cara membuat index biodata. Biodata ini berfungsi sebagai identitas seseorang. Biasanya seorang blogger menyertakan biodata yang berisikan tentang diri mereka sepertin : nama, usia, TTL, Alamat, DLL. Untuk lebih jelasnya saya akan memberikan script/tagnya dibawah ini.

<html>
    <head>
        <title>Biodata By Coding Lengkap</title>
    </head>
    <body>
        <marquee behavior="alternate"  onmouseover="this.stop()" onmouseout="this.start()">BIODATA By Coding Lengkap </marquee>
        <table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="black" bgcolor="lightgrey">
        <tr bgcolor="darkgrey">
            <th colspan="3" height="65">
                <p>BIODATA</p>
            </th>
        </tr>
        <tr>
          <td width="153"><b>NAMA</b></td>
          <td width="23"><div align="center" >:</div></td>
          <td width="326">Vildan Afriansyah</td>
        </tr>
        <tr>
          <td><b>NIS</b></td>
          <td><div align="center" >:</div></td>
          <td> 1836293728</td>
        </tr>
        <tr>
          <td><b>TTL</b></td>
          <td><div align="center" >:</div></td>
          <td> TANGERANG,19 APRIL 2001</td>
        </tr>
        <tr>
          <td><b>ALAMAT</b></td>
          <td><div align="center" >:</div></td>
          <td> BOJONGKULUR</td>
        </tr>
      <tr>
        <td><b>EMAIL</b></td>
        <td><div align="center" >:</div></td>
        <td>vildan_afriansyahd@gmail.com</td>
      </tr>
      <tr>
        <td><b>WEBSITE</b></td>
        <td><div align="center" >:</div></td>
        <td> http://www.codinglengkap.blogspot.com</td>
      </tr>
      <tr>
        <td><b>HOBBY</b></td> 
        <td><div align="center" >:</div></td>
        <td> Bermain Game </td>
      </tr>
      <tr bgcolor="silver">
        <td height="23" colspan="3"><p><hr></p>
        </td>
      <tr>
        <td align="center"><b>FOTO PROFIL </b></td>
        <td align="center">:</td>
        <td><div align="center"><img src="https://wallpaperscraft.com/image/guy_anime_computer_tears_sadness_room_96990_1920x1080.jpg"  width="150" height="100"></div></td>
      </tr>
    </table>
  </body>
</html>

kita akan membahas script/tag diatas.

<marquee behavior="alternate"  onmouseover="this.stop()" onmouseout="this.start()">BIODATA By Coding Lengkap </marquee>

script diatas berfungsi untuk membuat text berjalan bolak - balik.

pre class="brush: php; highlight: [1, 3, 5, 7, 9, 11, 13, 15, 17, 19, 21, 23, 25, 27, 29, 31, 33, 35, 37, 39, 41, 43, 45, 47, 49 ,51, 53, 55, 57, 59 ,61, 63, 65, 67, 69 ,71, 73, 75, 77, 79 ,81, 83, 85, 87, 89 , 81, 83, 85, 87, 89 , 91, 93, 95, 97, 99]; html-script: true">
<table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="black" bgcolor="lightgrey">

script diatas berfungsi untuk membuat table dan juga membuat backgroundnya menjadi warna abu-abu cerah.


<img src="https://wallpaperscraft.com/image/guy_anime_computer_tears_sadness_room_96990_1920x1080.jpg" width="150" height="100"></div></td>

script diatas berfungsi untuk menambahkan image/foto dan juga mengatur tinggi dan lebar image/foto diatas.


Sekian tutorial dari saya. Untuk selanjutnya saya akan memberikan tutorial cara membuat web login. Sekian terima kasih. Semoga bermanfaat.
Share on Google Plus

About vildan afriansyah

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 komentar:

Posting Komentar