Tugas Penkom- Belajar HTML

Hai guys balik lagi nih di Blog tercinta ini❤❤😄
Oke kali ini gua akan bahas seputar HTML
Key lanjut sajaa ke pengerjaannya.
Pertama-tama untuk kalian yang pemula gua saranin download app sublime soalnya lebih mudah deh dari notepad ++

Nah sublime ini kaya gini nih
Eittt sebelum kalian ngetik apapun itu jangan lupa
1. Save dahulu yaa dalam bentuk .html okeyy
Ntar muncul kaya gini nih di folder kalian atau tempat penyimpanan kalian deh
Yaudah kalian double klik tuh
Lalu tulis <html lalu di bawah nya tuh ada muncul html nah kalian klik deh yang itu
Ntar muncul kaya gini nih
Ini itu kaya komponen wajib yang ada di html guys. Ini komponen sederhana yang wajib ada pokoknya deh😂
Udah itu kalo mau ganti warna font, background atau ganti warna apapun itu dan ga mau repot-repot hafal code warna, kalian bisa search di google.com dengan keyword "hex color".
Tinggal copas aja sama geser kanan kiri tuh warna 👍👌 dabest dah pokoknyaa❤❤
Lanjut
Copas dan paste nih code ke sublime kalian
<!DOCTYPE html>
<html>

<head>
   <font color="#9b964f"> <title>coba ganti</title>
</head>

<body bgcolor="#00fcf8"> 
    <nav>

    <ul>
    <li><a href="#">Beranda</a></li>
    <li><a href="#">Tentang Kami</a></li>
    <li><a href="#">Kontak</a></li>
    </ul>
    <ol>
  <li>Tea</li>
  <li>Coffee</li>
  <li>Milk</li>
</ol>
    </nav>

<h2> menampilkan gambar </h2>

<img src="1.png">


<h2> Audio Control</h2>
<audio controls>
<source src="ampun.mp3" type="audio/mpeg">
</audio>

    <h1>Belajar Dimulai </h1>
    <!--
     <h2> header 2</h2>
    <h3> header 3</h3>
    <h4> header 4</h4>
    <h5> header 5</h5>
    <h6> header 6</h6> -->
   

    <table align="left" border="1">
      
        <form >
        <tr >
            <th > Nama: </th>
            <th> <input type="text"> </th>
        </tr>
        <tr>
            <th> Tempat, tanggal lahir : </th>
            <th> <input type=""> </th>
        </tr>ml        <tr>
        <th> Departemen :</th>
        <th> <input type="date"></th>
        </tr>
        <tr>
  <th> Fakultas :</th>
        <th> <input type="date"></th>
        </tr>
        <tr>
        <th> 
        <tr>
        <th><input type="submit"></th>
        <th><input type="reset"></th>
        </tr>
        </form>
      
    </table>
    <br>
    <p>
    <h2> <marquee> Curhatan Hari ini </marquee></h2>
       <font color="#9b964f"> Hari ini aku sedang belajar membuat html
        <br> Aku awalnya tidak bisa.
        <br>
        </font>
    </p>

    <footer>
    <p>copyright 2017 BIOKIMIA</p>
    </footer>
</body>

</html>
Itu sih yang di share oleh kakak asprak gua codenya
kalo hasilnya gua
<!DOCTYPE html>
<html>
<head>
 <title>Belajar Html Penkom </title>
</head>
<body bgcolor="#42f4ee">
 <nav>
  <ul>
   <li><a href="#">Beranda</a></li>
   <li><a href="#">Tentang Kami</a></li>
   <li><a href="#">Kontak</a></li>
  </ul>
  <ol>
 <li>Coffe</li>
 <li>Tea</li>
 <li>Milk</li>
  </ol>
 </nav>

 <h2> Menampilkan gambar </h2>
 
 <img src="Penkom.jpg">

 <h2> Audio Control </h2>
 <audio controls="">
  
 </audio>

 <h1>Belajar dimulai</h1>
 <!--
 <h2> header 2 </h2>
 <h3> header 3 </h3>
 <h4> header 4 </h4>
 <h5> header 5 </h5>
 <h6> header 6 </h6> -->
 
 <table align="left" border="1">
  <form>
   <tr>
    <th> Nama : </th>
    <th> <input type="text"> </th>
   </tr>
   <tr>
    <th> Nim : </th>
    <th> <input type="text"> </th>
   </tr>
   <tr>
    <th> Tanggal Lahir </th>
    <th> <input type="date"> </th>
   </tr>
   <tr>
         <th><input type="submit"></th>
         <th><input type="reset"></th>
        </tr>
        </form>
 </table>
 <h2> <marquee> Curhatan hati hari ini yang lelah </marquee> </h2>
 <p>
  <font color="#f44277"> Hari ini aku sedang belajar membuat html sebelum nya aku sibuk mengerjakan LANBIK
  <br> Aku awalnya tidak bisa html. 
  <br>
  </font>
 </p>
 <footer>
  <p>Copyright 2017 Biokimia</p>
 </footer>
</body>
</html>






Nah hasil gua yang baru gua bikin👇👇👇









Nih codenya




<html>
    <head><title>Form pendaftaran</title></head>
    <body>
    <table border="7" bgcolor="#4289f4" align="center" height="600" width="400" cellpadding="30">
    <tr>
    <td>
    <b><font color="#0e2444" size="14"> Pendaftaran Volunteer </font></b>
    <p> Biaya pelatihan gratis untuk 100 Mahasiswa IPB yang tercepat </p>
    <input type="text" Name="nama" size="20" placeholder="Nama">
    <input type="text" Name="nama" size="20" placeholder="Alamat">
    <br><br>
    <input type="text" Name="email" size="20" placeholder="Email Anda">
    <input type="text" Name="NRP" size="20" placeholder="NRP"> <br> <br>
    <input type="text" Name="Pengalaman" size="46" placeholder="Pengalaman organisasi"><br><br>
    <input type="text" Name="Nomor HP" size="20"  placeholder="Nomor handphone"> <br> <br>
    <input type="text" Name="Asal univ" size="20" placeholder="Asal Universitas"> <br> <br>
        <input type="text" Name="Alasan mengukuti kegiatan ini" size="20" placeholder="Komitmen %">
    </select><br><br>
    <input type="radio" name="Kelamin" value="L">Laki Laki
    <input type="radio" name="Kelamin" value="P">Perempuan
    <br><br>
   
<head>
        <title>Background dengan warna</title>
        </head>
        <body bgcolor="black">
         
         </body>
         

<head>
   <title>Penggunaan Tag Image</title>
</head>
<body>
   <h1>Ayo ikut bersama kami</h1>
   <br>
   <h2>*Terbuka untuk Umum</h2>
   <img src="Go-volunteer-web.png"/>
</body>
<head>
    
<h2> Audio Control</h2>
<audio controls>
<source src="Mars Mahasiswa - Buruh Tani.mp3" type="audio/mpeg">
</audio>

</html>
    <input value="Kirim" style="background-color: #42f4d9; height: 50; width: 150;"type="submit">
    </td>
    </tr>
    
    </body>
    </html>




Sekian dari gua apabila ada salah kata mohon maaf, undur diri dulu guys,



oiyaa jangan lupa doain gua yaa tanggal 26 udah mulai UTS😓😢😂



Love yaaa❤❤❤✌

Komentar

Posting Komentar

Postingan Populer