Rabu, 14 Mei 2014

tugas remidi








<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Bootstrap u/ Script Dasar Js</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" style="text/css">
    <link rel="stylesheet" href="style.css" type="text/css"/>
    <script type="text/javascript">
        alert("Welcome to Bootstrap theme - Javascript! Hubi rahmad andika");
    </script>   
  </head>
  <body><header>
        <!-- awalnya hanya ada script
        header
        -->
        <div id="logo">
            <img src="a.gif" width="60px" height="60"/>
            <img src="a.gif" width="70px" height="70"/>
        </div>
            <div id="logo1">
            <img src="hubi.jpg" width="120px" height="85px"/>
        </div>
        <form>
      
        <div id="form">
                <div id="formkiri">
                Pencarian <br>
                <input type="text" size="26"></input> <br>
                <input type="checkbox">Centang Tanda ini?</input>
                    <div id="tombol">
                <input type="submit" Value="Tombol"></input> <br>
       
            </div>
        </div>
        </div>
        </form>
       
    </header>

    <nav>
         <marquee><div style="background: #FF000"><p align="center"><font size="23" color="black"> SELAMAT DATANG </font></p></div></marquee>      
    </nav>

    <div class="kiri">
   

    <div style="background-color: #00ffcc;"><p> <font size="5"> <a href="DataKuliah.htm"> Menuju Modul 2 : 1.DataKuliah </font> </a> </p></div>   
      <div style="background-color: #d3ffa3;">  <p> <font size="5"> <a href="Formulir.htm"> Menuju Modul 2 : 2.Formulir </font> </a> </p> </div>
      <div style="background-color: #47deec;">  <p> <font size="5"> <a href="Websderhana.htm"> Kembali ke Modul 1 : Websderhana  </font> </a> </p> </div>
        <a href="favorit.htm"> Menuju favorit : 1.favorit </a> </p>
        <a href="favorit.htm"> Menuju profil  : 2.profil  </a> </p>
        <a href="favorit.htm"> Menuju home    : 3.home    </a> </p>
        <a href="favorit.htm"> Menuju style   : 4.style   </a> </p>
        <a href="favorit.htm"> Menuju like    : 5.like    </a> </p>
        </div>       
    </div>
   
    <div class="kanan">
    <p align="center"><i><b><font size="5"><font color="#green">"Berfikirlah positif kepada semua orang, agar bisa menjadi orang yang lebih baik dan bermanfaat bagi orang lain"</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#fcf40f"> 1.Jangan pernah menyerah dalam menghadapi masalah,karena sesunguhnya orang yang berhasil tidak pernah lepas dari masalah</font></font></b></i></p>
     <p align="center"><i><b><font size="5"><font color="#fcf40f"> 2.Sesungguhnya musuh adalah orang yang paling perhatian kepada kita karena selalu senantiasa mencari kejelekan kita dan itu bisa membuat kita lebih baik</font></font></b></i></p>
     <p align="center"><i><b><font size="5"><font color="#fcf40f"> 3.Jangan pernah takut untuk mencoba karena kita tidak pernah tau jika tidak mencoba</font></font></b></i></p>
    <p align="center"><i><b><font size="6"><font color="#0026a3">("Don't Ever Delay What You can Do Today")</font></font></b></i></p>
   
    </div>

    <footer>
    <marquee onmouseover="this.stop()" onmouseou"this.start()"><b><font size="6"><font color="brown">hubirahmat.blogspot.com</font></b></marquee>

    </footer>
    </body>
</html>

Senin, 28 April 2014

EMBED VIDEO INTERNET

menurut saya dengan melihat video di atas dapat kita simpulkan bahwa munculnya internet itu dari perang dunia, karna dulu waktu perang internet itu dibuat alat komunikasi dan melihat pergeerakan musuh, selain berperang dengan kekuatan juga berperang di bidang keilmuan

TABEL, FORMULIR, LINK



<!DOCTYPE HTML>
<html>
<head>

    <title>Hubi Rahmat</title>
</head>

 <marquee><div style="background: #FF000"><p align="center"><font size="23" color="lime"> SELAMAT DATANG </font></p></div></marquee>
       
       <hr />
    <p align="center"><i><b><font size="5"><font color="#FF0000">NAMA     :HUBI RAHMAT ANDIKA</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="yellow">TEMPAT TANGGAL LAHIR   :bojonegoro, 07 Januari 1996</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#0930f6">ALAMAT  :DANDER</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#f6f316">NO.TELP  :085706607571</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#FF0000">KELAS  :tekhnik informatika 5, ABS: 06</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#green">"Berfikirlah positif kepada semua orang, agar bisa menjadi orang yang lebih baik dan bermanfaat bagi orang lain"</font></font></b></i></p>
    <p align="center"><i><b><font size="6"><font color="#f60ce8">("Don't Ever Delay What You can Do Today")</font></font></b></i></p>
    <hr />
    <img src="hubi.jpg" width="15%" align="right">
<body background="a.jpg">
<p> <a href="TEKA-TEKI.htmL"> NEXT (MODUL2 "link dan tabel") </a> </p>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<title>TUGAS 3</title>
</head>
<body>
<table border=1 cellspacing=0 cellpadding=8>
<tr>
<th rowspan="2">NIM</th></th>
<th rowspan="2">NAMA</th></th>
<th rowspan="2">KELAS</th></th>
<th colspan="2">KETERANGAN</th>
</tr>
<tr>
<th>LULUS</th>
<th>TIDAK LULUS</th>
</tr>
<tr>
<td>101</td>
<td>Ida</td>
<td align="center">TI-2</td>
<td rowspan="2" align="center">V</td></td>
<td align="center">-</td>
</tr>
<tr>
<td>102</td>
<td>Rika</td>
<td rowspan="3" align="center">TI-4</td>
<td align="center">-</td>
</tr>
<tr>
<td>103</td>
<td>Kiki</td>
<td align="center">-</td>
<td align="center">V</td>
</tr>
<tr>
<td>104</td>
<td>Buri</td>
<td rowspan="2"align="center">V</td>
<td align="center">-</td>
</tr>
<tr>
<td>105</td>
<td>Koko</td>
<td align="center">TI-3</td>
<td align="center">-</td>
</tr>
<br></br>
<table border=0 cellspacing=0 cellspading=15 width="850">
<tr>
   <th colspan="10" style="background-color:#33ccff" align="center">PROVINSI JAWA TIMUR<br/>KOTA SURABAYA</th>
</tr>
<tr>
   <td> NIK </td>
   <td> : </td>
   <th align="left">35081021103900003 </th>
   </tr>
<tr>
   <td> Nama</td>
   <td>:</td>
   <th align="left">Gubernur Suryo</th>
   <td> </td>
   <td> </td>
   <th width="100" rowspan=5 div style="background:grey" align="center">Foto</th>
</tr>
<tr>
   <td>Tempat/tgl Lahir</td>
   <td>:</td>
   <th align="left"> Surabaya,11 Maret 1990</th>
</tr>
<tr>
  <td> Jenis Kelamin</td>
  <td>:</td>
  <th align="left"> Laki-Laki</th>
  <td> Gol Darah: B </th>

 
</tr>
<tr>
  <td>Alamat</td>
  <td>:</td>
  <th align="left"> Jl.Pemuda 101</th>
 
  </tr>
<tr>
<td>RT/RW</td>
<td>:</td>
<th align="left"> 002/ 025</th>
</tr>
<tr>
<td>Desa/Kel</td>
<td>:</td>
<th align="left"> Rungkut</th>
</tr>
<tr>
<td>Kecamatan</td>
<td>:</td>
<th align="left"> Rungkut</th>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<th align="left"> Islam</th>
<td> Status :</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<th align="left"> Pelajar/Mahasiswa</th>
</tr>
<tr>
<td>Berlaku hingga</td>
<td>:</td>
<th align="left"> 11 Maret 2014</th>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td>:</td>
<th align="left"> WNI</th>
</tr>
</table>
<p></p>
<p></p>
<tr>
<table border=0 cellspacing=0 cellspading=50 width="850">

<tr>
   <td colspan="10" style="background-color:#66cc99" align="left">Syarat Pengambilan e-KTP:</td>
</tr>

<tr>
   <td style="background-color:#66cc99" align="left" >  1. Membawa pas foto ukuran 3x4 berwarna.</td>
</tr>

<tr>  
   <td style="background-color:#66cc99" align="left">  2. Membawa KTP lama.</td>
</tr>

<tr>
    <td style="background-color:#66cc99" align="left"> 3. Membawa Kartu Keluarga</td>
</tr>
</table>

<p> <a href="WEB SEDERHANA.html"> BACK (MODUL1 "Web Sederhana") </a> </p>

Sabtu, 12 April 2014



 













Ket:       
1.            Header=  logo
                2.            menu= home about
                3.            konten= isi
                4.            sponsor/iklan=  aqua
                5.            footer= gambar
                6.            percakapan

Minggu, 30 Maret 2014

twitter script



gambar di atas "twittter asli"

<!DOCTYPE html>
 </script>
        <link rel="stylesheet" href="https://abs.twimg.com/a/1395948772/css/t1/rosetta_core.bundle.css">
    <link rel="stylesheet" href="https://abs.twimg.com/a/1395948772/css/t1/rosetta_logged_out.bundle.css">
<title>Twitter</title>
    
    </head>
  <body class="t1 logged-out ms-windows mobile-callout front-page" data-fouc-class-names="swift-loading" dir="ltr">
      
             </script>
    <div id="doc" class="">
        <div class="topbar js-topbar">
  <div id="banners" class="js-banners">
  </div>
  
        <div id="page-outer">
          <div id="page-container" class=" wrapper-front white">
              
            <div class="front-container " id="front-container">
<div class="front-card">
  <div class="front-welcome ">
    <div class="phone-image"></div>
    <div class="callout-copy">
      <h1>Selamat Datang di Twitter.</h1>
      <p>Mulai percakapan,telusurii minat Anda Sekarang, dan ketahui segalanya.</p>
    </div>
    <div class="store-links ">
      <a  class="store-button app-store" target="_blank"></a>
      <a  class="store-button google-play" target="_blank"></a>
    </div>
    <p class="devices-link"><a>Lihat perangkat lainya</a></p>
  </div>
   <div class="front-signin js-front-signin">
  <form action="https://twitter.com/sessions" class="signin" method="post">
    <div class="username">
      <input type="text" placeholder="Nama pengguna atau email">
    </div>
    <table class="flex-table password-signin">
      <tbody>
      <tr>
        <td class="flex-table-primary">
          <div class="password flex-table-form">
            <input type="password" id="signin-password" class="text-input flex-table-input" name="session[password]" placeholder="Kata sandi">
          </div>
        </td>
        <td class="flex-table-secondary">
          <button type="submit" class="submit btn primary-btn flex-table-btn js-submit">
            Masuk
          </button>
        </td>
      </tr>
      </tbody>
    </table>
    <div class="remember-forgot">
      <label class="remember">
        <input type="checkbox" value="1" name="remember_me" checked="checked">
        <span>Ingatkan</span>
      </label>
      <span class="separator">.</span>
      <a class="forgot" >Lupa kata sandi?</a>
    </div>
    <input type="hidden" name="return_to_ssl" value="true">
    <input type="hidden" name="scribe_log">
    <input type="hidden" name="redirect_after_login" value="/">
    <input type="hidden" value="e4a97d39652a6683b6a8907f5ffc9d83d39f0f70" name="authenticity_token">
  </form>
</div>
  <div class="front-signup js-front-signup ">
  <h2><strong>Baru kenal twitter?</strong> Daftar sekarang Yukkkk!!!</h2>
  <form action="https://twitter.com/signup" class="signup" method="post" id="frontpage-signup-form">
    <div class="field">
      <input type="text" class="text-input" autocomplete="off" name="user[name]" maxlength="20" placeholder="Nama lengkap">
    </div>
    <div class="field">
      <input type="text" class="text-input email-input" autocomplete="off" name="user[email]" placeholder="Email">
    </div>
    <div class="field">
      <input type="password" class="text-input" name="user[user_password]" placeholder="kata sandi">
    </div>
    <input type="hidden" value="" name="context">
    <input type="hidden" value="e4a97d39652a6683b6a8907f5ffc9d83d39f0f70" name="authenticity_token">
    <button type="submit" class="btn signup-btn u-pullRight">
      Daftar ke Twitter
    </button>
  </form>
</div>
</div>
          gambar di bawah "twitwer buatan"

Minggu, 23 Maret 2014

Scrip Pembuatan Web Sederhana 1. halaman awal Hubi Rahmat

Menuju Modul 2 : 1.DataKuliah

Menuju Modul 2 : 2.Formulir

SELAMAT DATANG


NAMA :HUBI RAHMAT ANDIKA

TEMPAT TANGGAL LAHIR :bojonegoro, 07 Januari 1996

ALAMAT :DANDER

NO.TELP :085706607571

KELAS :tekhnik informatika 5, ABS: 06

"Berfikirlah positif kepada semua orang, agar bisa menjadi orang yang lebih baik dan bermanfaat bagi orang lain"

("Don't Ever Delay What You can Do Today")


hubirahmat.blogspot.com 2. data kuliah Tugas 4 data kuliah

Data Kuliah
NIM NAMA KELAS KETERANGAN
lulus tidak lulus
101 ida TI-2 V -
102 Rika TI-4 -
103 kiki - V
104 buri V -
105 koko TI-3 -

Kembali ke Modul 1 : Websderhana

3. formulir

Kembali ke Modul 1 : Websderhana

Sabtu, 22 Maret 2014

<!DOCTYPE HTML> <html> <head> <title>Hubi Rahmat</title> </head> <body background="d:\background.jpg"> <marquee><div style="background: #FF000"><p align="center"><font size="23" color="lime"> SELAMAT DATANG </font></p></div></marquee> <h3><p align="center"><img src="d:\hubi.jpg"/ width="640" height="440"></p></h3> <hr /> <p align="center"><i><b><font size="5"><font color="#FF0000">NAMA :HUBI RAHMAT ANDIKA</font></font></b></i></p> <p align="center"><i><b><font size="5"><font color="yellow">TEMPAT TANGGAL LAHIR :bojonegoro, 07 Januari 1996</font></font></b></i></p> <p align="center"><i><b><font size="5"><font color="#0930f6">ALAMAT :DANDER</font></font></b></i></p> <p align="center"><i><b><font size="5"><font color="#f6f316">NO.TELP :085706607571</font></font></b></i></p> <p align="center"><i><b><font size="5"><font color="#FF0000">KELAS :tekhnik informatika 5, ABS: 06</font></font></b></i></p> <p align="center"><i><b><font size="5"><font color="#green">"Berfikirlah positif kepada semua orang, agar bisa menjadi orang yang lebih baik dan bermanfaat bagi orang lain"</font></font></b></i></p> <p align="center"><i><b><font size="6"><font color="#f60ce8">("Don't Ever Delay What You can Do Today")</font></font></b></i></p> <hr /> <marquee onmouseover="this.stop()" onmouseou"this.start()"><b><font size="8"><font color="#17eafd">hubirahmat.blogspot.com</font></b></marquee> </body> </html>

Rabu, 19 Maret 2014

&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;

    &lt;title&gt;Hubi Rahmat&lt;/title&gt;
&lt;/head&gt;
&lt;body background=&quot;d:\background.jpg&quot;&gt;
 &lt;marquee&gt;&lt;div style=&quot;background: #FF000&quot;&gt;&lt;p align=&quot;center&quot;&gt;&lt;font size=&quot;23&quot; color=&quot;lime&quot;&gt; SELAMAT DATANG &lt;/font&gt;&lt;/p&gt;&lt;/div&gt;&lt;/marquee&gt;
        &lt;h3&gt;&lt;p align=&quot;center&quot;&gt;&lt;img src=&quot;d:\hubi.jpg&quot;/ width=&quot;640&quot; height=&quot;440&quot;&gt;&lt;/p&gt;&lt;/h3&gt;
       &lt;hr /&gt;
    &lt;p align=&quot;center&quot;&gt;&lt;i&gt;&lt;b&gt;&lt;font size=&quot;5&quot;&gt;&lt;font color=&quot;#FF0000&quot;&gt;NAMA     :HUBI RAHMAT ANDIKA&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt; 
    &lt;p align=&quot;center&quot;&gt;&lt;i&gt;&lt;b&gt;&lt;font size=&quot;5&quot;&gt;&lt;font color=&quot;yellow&quot;&gt;TEMPAT TANGGAL LAHIR   :bojonegoro, 07 Januari 1996&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt;
    &lt;p align=&quot;center&quot;&gt;&lt;i&gt;&lt;b&gt;&lt;font size=&quot;5&quot;&gt;&lt;font color=&quot;#0930f6&quot;&gt;ALAMAT  :DANDER&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt;
    &lt;p align=&quot;center&quot;&gt;&lt;i&gt;&lt;b&gt;&lt;font size=&quot;5&quot;&gt;&lt;font color=&quot;#f6f316&quot;&gt;NO.TELP  :085706607571&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt; 
    &lt;p align=&quot;center&quot;&gt;&lt;i&gt;&lt;b&gt;&lt;font size=&quot;5&quot;&gt;&lt;font color=&quot;#FF0000&quot;&gt;KELAS  :tekhnik informatika 5, ABS: 06&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt;
    &lt;p align=&quot;center&quot;&gt;&lt;i&gt;&lt;b&gt;&lt;font size=&quot;5&quot;&gt;&lt;font color=&quot;#green&quot;&gt;&quot;Berfikirlah positif kepada semua orang, agar bisa menjadi orang yang lebih baik dan bermanfaat bagi orang lain&quot;&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt;
    &lt;p align=&quot;center&quot;&gt;&lt;i&gt;&lt;b&gt;&lt;font size=&quot;6&quot;&gt;&lt;font color=&quot;#f60ce8&quot;&gt;(&quot;Don&#039;t Ever Delay What You can Do Today&quot;)&lt;/font&gt;&lt;/font&gt;&lt;/b&gt;&lt;/i&gt;&lt;/p&gt;
    &lt;hr /&gt;
    &lt;marquee onmouseover=&quot;this.stop()&quot; onmouseou&quot;this.start()&quot;&gt;&lt;b&gt;&lt;font size=&quot;8&quot;&gt;&lt;font color=&quot;#17eafd&quot;&gt;hubirahmat.blogspot.com&lt;/font&gt;&lt;/b&gt;&lt;/marquee&gt;
&lt;/body&gt;
&lt;/html&gt;

Sabtu, 15 Maret 2014

DESAIN WEB SEDERHANA



 "DESAIN WEB SEDERHANA"



<!DOCTYPE HTML>
<html>
<head>

    <title>Hubi Rahmat</title>
</head>
<body background="d:\background.jpg">
 <marquee><div style="background: #FF000"><p align="center"><font size="23" color="lime"> SELAMAT DATANG </font></p></div></marquee>
        <h3><p align="center"><img src="d:\hubi.jpg"/ width="640" height="440"></p></h3>
       <hr />
    <p align="center"><i><b><font size="5"><font color="#FF0000">NAMA     :HUBI RAHMAT ANDIKA</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="yellow">TEMPAT TANGGAL LAHIR   :bojonegoro, 07 Januari 1996</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#0930f6">ALAMAT  :DANDER</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#f6f316">NO.TELP  :085706607571</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#FF0000">KELAS  :tekhnik informatika 5, ABS: 06</font></font></b></i></p>
    <p align="center"><i><b><font size="5"><font color="#green">"Berfikirlah positif kepada semua orang, agar bisa menjadi orang yang lebih baik dan bermanfaat bagi orang lain"</font></font></b></i></p>
    <p align="center"><i><b><font size="6"><font color="#f60ce8">("Don't Ever Delay What You can Do Today")</font></font></b></i></p>
    <hr />
    <marquee onmouseover="this.stop()" onmouseou"this.start()"><b><font size="8"><font color="#17eafd">hubirahmat.blogspot.com</font></b></marquee>
</body>
</html>









PROVINSI JAWA TIMUR
KOTA SURABAYA
NIK : 35081021103900003
Nama : Gubernur Suryo Foto
Tempat/tgl Lahir : Surabaya,11 Maret 1990
Jenis Kelamin : Laki-Laki Gol Darah : B
Alamat : Jl.Pemuda 101
RT/RW : 002/ 025
Desa/Kel : Rungkut
Kecamatan : Rungkut
Agama : Islam Status :
Pekerjaan : Pelajar/Mahasiswa
Berlaku hingga : 11 Maret 2014
Kewarganegaraan : WNI
Syarat Pengambilan e-KTP:
  1. Membawa pas foto ukuran 3x4 berwarna.
  2. Membawa KTP lama.
  3. Membawa Kartu Keluarga