Membuat Halaman/Tampilan Web Sederhana Dengan HTML

Bae Haki


Assalamualaikum wr.wb.
Sudah lama tak menuangkan coretan lagi di blogger ini, oke kali ini saya akan membuat contoh tampilan sederhana di browser atau crome dll dengan HTML,
simak lebih lanjut !!!!!!

Pertama kita buka notepada/sublime teks/ yang saya gunakan ini pake visual studio code >>>>

<!DOCTYPE html>
<html>
    <title>Teknologi Informatika</title>
    <head>
        <h2>Programming WEB Dengan HTML</h2>
        <p>Teknologi Informatika</p>
        <hr size='3px' width="100%" align="left" color="blue">
       <p><a href="#">Home</a>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <a href="#">Profil</a> |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <a href="#">About</a> |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <a href="#">Galery</a> |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <a href="#">Kontak</a> |</a>
       </p>

  <hr size='3px' width="100%" align="left" color="blue">
  <br>Terimakasih Anda Telah Bergabung dan Berkunjung pada situs kami,kami berharap anda memperoleh
  <br>yang anda inginkan dan anda cari.
  <p>
  <br><img src="baehaki.JPG" height="240" width="320"></p>
  <br><video width="320" height="240" controls>
    <source src="rekaman.mp4" type="video/mp4">
  </video>
  <br>
  <br><audio controls>
    <source src="suara1.ogg" type="audio/ogg">
    <source src="suara1.m4a" type="audio/mpeg">
  </audio>

  <p>

  <br>situs ini berisi informasi sekitar materi yang berhubungan dengan programming web, diantaranya :
  <br> HTML, CSS, PHP, Mysql, dan materi atau artikel lain sekitar web.</p>
  <hr size='3px' width="100%" align="left" color="Grey">
  
  <marquee width="500" height="40">Admin Web, Baehaki</marquee>

    </head>
</html>


0 Komentar