Skip to main content

Cara membuat website dengan HTML bagian 2

cara membuat website dgn HTML
Di artikel sebelumnya kita sudah membuat sketsa/mockup dan saya juga sudah menyertakan source codenya.
Source code tersebut kita modifikasi sedikit agar terlihat lebih baik. Bagi yang belum tahu bisa baca artikel http://roypurbo.blogspot.com/2013/03/cara-membuat-membuat-website-dengan.html.
Pertama anda bisa membuat headernya terlebih dahulu atau mencari di mbah google. Kalau sudah ada kita tinggal mengimplementasikannya.
Ini adalah source code yang sudah saya modifikasi ::
 
<table width="960" height="814" border="1" align="center" cellpadding="0" cellspacing="0" style="border:thin">
    <tr>
      <td height="118" colspan="4"><img src="blog/header-mana1.jpg" width="960" height="200" /></td>
    </tr>
    <tr bgcolor="#006699" bordercolor="#CCCCCC">
      <td width="214" height="25"><div align="center"><strong>Home</strong></div></td>
      <td width="222"><div align="center"><strong>Artikel</strong></div></td>
      <td width="284"><div align="center"><strong>Buku Tamu </strong></div></td>
      <td width="234"><div align="center"><strong>About</strong></div></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="2"><div align="left">
        <p><strong><em>Judul Artikel</em></strong></p>
        <div align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam. Heading H1Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae.
        </div>
      </div></td>
      <td height="28" bgcolor="#999999"><div align="center" class="style1">Kategori</div></td>
    </tr>
    <tr>
      <td rowspan="2"> </td>
    </tr>
    
    <tr>
      <td height="196" colspan="3"><table width="725" height="467" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="21" colspan="3" bgcolor="#006699"><div align="center">Galleri</div></td>
          </tr>
        <tr>
          <td width="235"><img src="blog/sponge.jpeg" width="235" height="214" /></td>
          <td width="235"><img src="blog/Spongebob Squarepants.jpg" width="235" height="214" /></td>
          <td width="470"><img src="blog/SpongeBob-SquarePants-p78.jpg" width="235" height="214" /></td>
        </tr>
        <tr>
          <td><img src="blog/images12.jpeg" width="188" height="171" /></td>
          <td><img src="blog/casper.jpg" width="235" height="214" /></td>
          <td><img src="blog/sosialisasi.jpg" width="235" height="214" /></td>
        </tr>
      </table></td>
    </tr>
    <tr bgcolor="#006666">
      <td height="1" colspan="4"><div align="center">Footer</div></td>
    </tr>
  </table>


Penjelasannya :
  • Saya menggunakkan header dengan ukuran 960x200.
  • <img ... > gunanya untuk menampilkan gambar di website.
Saya kira cukup itu saja penjelasannya, bagi teman-teman yang tidak paham silahkan baca artikel sebelumnya.

Hasil tampilan ::

hasil tampilan membuat website dengan HTML bag 2
 Ini hanya lah contoh cara membuat website dengan HTML, jadi teman-teman bisa berkreasi sendiri cara membuat layout websitenya. Semoga artikel ini bermanfaat buat kalian semua. (RP)

Sumber SharingRPL

Popular posts from this blog

Kumpulan Dork Untuk Deface Website Lengkap

Oke sob, setelah lama gak berbagi tutorial hacking, kali ini saya  mau berbagi kumpulan dork lengkap untuk deface website. Kumpulan Dork ini dapat  kamu gunakan untuk mencari target website yang vuln terhadap SQLI Injection sob. Oke berikut ini kumpulan dork nya: kumpulan dork untuk deface, dork untuk sql injection, mencari target website dengan dork, deface menggunakan dork, sqli injection menggunakan dork, deface website

check this on:
inurl:iniziativa.php?in=
inurl:curriculum.php?id=
inurl:labels.php?id=
inurl:story.php?id=
inurl:look.php?ID=
inurl:newsone.php?id=
inurl:aboutbook.php?id=
inurl:material.php?id=
inurl:opinions.php?id=
inurl:announce.php?id=
inurl:rub.php?idr=
inurl:galeri_info.php?l=
inurl:tekst.php?idt=
inurl:newscat.php?id=
inurl:newsticker_info.php?idn=
inurl:rubrika.php?idr=
inurl:rubp.php?idr=
inurl:offer.php?idf=
inurl:art.php?idm=
inurl:title.php?id=
inurl:trainers.php?id=
inurl:buy.php?category=
inurl:article.php?ID=
inurl:play_old.php?id=
inurl:declara…

Kumpulan Dork Untuk Deface Website Lengkap

check this on:
inurl:iniziativa.php?in=
inurl:curriculum.php?id=
inurl:labels.php?id=
inurl:story.php?id=
inurl:look.php?ID=
inurl:newsone.php?id=
inurl:aboutbook.php?id=
inurl:material.php?id=
inurl:opinions.php?id=
inurl:announce.php?id=
inurl:rub.php?idr=
inurl:galeri_info.php?l=
inurl:tekst.php?idt=
inurl:newscat.php?id=
inurl:newsticker_info.php?idn=
inurl:rubrika.php?idr=
inurl:rubp.php?idr=
inurl:offer.php?idf=
inurl:art.php?idm=
inurl:title.php?id=
inurl:trainers.php?id=
inurl:buy.php?category=
inurl:article.php?ID=
inurl:play_old.php?id=
inurl:declaration_more.php?decl_id=
inurl:pageid=
inurl:games.php?id=
inurl:page.php?file=
inurl:newsDetail.php?id=
inurl:gallery.php?id=
inurl:article.php?id=
inurl:show.php?id=
inurl:staff_id=
inurl:newsitem.php?num=
inurl:readnews.php?id=
inurl:top10.php?cat=
inurl:historialeer.php?num=
inurl:reagir.php?num=
inurl:Stray-Questions-View.php?num=

Cara Mendapatkan Like Instagram

Instagram adalah sebuah aplikasi social media yang hanya bisa berbagi foto maupun video di timeline. Instagram sendiri telah menjadi trend di kalangan berbagai dunia. Banyak di antara kita ingin mempunyai Followers atau Love di akun instagram kita banyak, bahkan sampai ada yang menemukan cara untuk mendapatkan  Followers atau Love secara ilegal (tanpa murni). Kali ini saya akan share cara untuk mendapatkan Love di Instagram menggunakan Ip address. Jika kalian suka dengan artikel saya. silahkan share, like and subscribe juga akun youtube saya. 
Download terlebih dahulu jamunya guys... Dapatkan Media_ID instagram kamu disini >>>Download terlebih dahulu Link Ip instagramnya disini >>>Download terlebih dahulu VPN >>> atau bisa gunakan VPN terbaik kalian.Download web auto refresh >>> jika sudah di download semuanya, Ikuti tutorial yang saya berikan berikut ini :
Buka VPN lalu hubungkan VPNnya | lihat settingannya disiniBuka aplikasi Web auto refsr…