Flapping Purple Butterfly
topbella

Kamis, 20 Oktober 2016

Penggunaan HTML




1.  Membuat Header
<!DOCTYPE html>
<html>
<head>
     <title>Welcome</title>
</head>
<body background="Welcome.jpg">
     <font face="cambria" color="red" size="5">
     <marquee behavior="alternate">
     <h1 align="center">
          Welcome to My Website
     </h1>
     </marquee>
</body>
</html>

2.  Membuat Menu
<!DOCTYPE html>
<html>
<head>
     <title>Menu</title>
</head>
     <body background="Menu.jpg">
     <font face="cambria" color="blue">
     <h2 align="center">
          <a href="About.html" target="isi">
                 <br>About</a>
          <a href="Biodata.html" target="isi">
                 <br><br>Biodata</a>
          <a href="KRS.html" target="isi">
                 <br><br>KRS</a>
          <a href="Video.html" target="isi">
                 <br><br>Video</a>
       </h2>
       <img src="Doraemon.gif" height="150"></body>
<audio src="Westlife-My Love.mp3" autoplay="autoplay"
controls="controls"></audio>
</html>

3.  Membuat Isi
a.   About
<!DOCTYPE html>
<html>
<head>
     <title>About</title>
</head>
<body background="About.jpg">
     <font face="cambria">
     <br><br><br><br><br>
     <h1 align="center"> ABOUT </H1>
     <h3 align="center">
           Nama saya adalah Andi Isna Yunita, biasa di panggil Isna atau Andis.
          <br> Saya lahir di Rappang, 17 Juni 1998.
          <br> Nama orang tua saya adalah Zainal Abidin dan Andi Tasmawati.
          <br> Saya anak pertama dari lima bersaudara.
          <br> Saya berasal dari Rappang, SIDRAP.
          <br> Tapi, saya sekolah di SMA Negeri 5 Parepare.
          <br> Hobby saya mendengarkan musik dan menonton film.
     </h3>
     </font>
</body>
</html>

b.   Biodata
<!DOCTYPE html>
<html>
<head>
     <title>Biodata</title>
</head>
<body background="Biodata.jpg">
     <font face="cambria">
     <h1 align="center"> BIODATA </H1>
     <center><img src="Foto.jpg" width="15%" border="3"></center>
     <h3 align="center">
          Nama : Andi Isna Yunita
          <br> Tanggal Lahir : 17 Juni 1998
          <br> NIM : H 121 16 310
          <br> Prodi : Statistika
          <br> Jurusan : Matematika
          <br> Fakultas : MIPA
          <br> Angkatan : 2016
     </h3>
     </font>
</body>
</html>

c.    KRS (Tabel)
<!DOCTYPE html>
<html>
<head>
     <title>KRS</title>
</head>
<body bgcolor="dda0dd">
     <tr>
          <img src="Logo.png">
          <td><b><font size="8">Universitas Hasanuddin</font></b></td>
     </tr>
     <tr>
          <td align="top">
          <br><b>Fakultas Matematika dan Ilmu Pengetahuan Alam</b>
          </td>
     </tr>
<table>
     <caption>
          <b><h2>KARTU RENCANA STUDI</h2></b>
          <h3>Semester : Ganjil 2016 / 2017</h3>
     </caption>
     <tr>
          <td width="125">NAMA</td>
          <td>:</td>
          <td width="1028">ANDI ISNA YUNITA</td>
          <td rowspan="4" align="right">
              <img src="foto.jpg" width="75" height="100" border="1px solid #000">
          </td>
     </tr>
     <tr>
          <td>NIM</td>
          <td>:</td>
          <td>H12116310</td>
     </tr>
     <tr>
          <td>Program Studi</td>
          <td>:</td>
          <td>Statistika - S1 Regular</td>
     </tr>
     <tr>
          <td>Dosen PA</td>
          <td>:</td>
          <td>Dr. Erna Herdiani, S.Si., M.Si</td>
     </tr>
          <table border="1" width="100%">
     <tr>
          <th rowspan="2">No.</th>
          <th style="width: 18%" rowspan="2">Kelas</th>
          <th colspan="2">Mata Kuliah</th>
          <th rowspan="2">SKS</th>
          <th rowspan="2">Ke</th>
          <th colspan="7">Jadwal</th>
     </tr>       
     <tr>
          <th>Kode</th>
          <th>Nama</th>
          <th>Senin</th>
          <th>Selasa</th>      
          <th>Rabu</th>
          <th>Kamis</th>
          <th>Jum'at</th>
          <th>Sabtu</th>
          <th>Minggu</th>
     </tr>
     <tr>
          <td align="center">1.</td>
          <td>Pengantar Ilmu Komputer D</td>
          <td align="center">101H1313</td>
          <td>Pengantar Ilmu Komputer</td>
          <td align="center">3</td>
          <td align="center">1</td>
          <td align="center">13.10-15.40</td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
     </tr>
     <tr>
          <td align="center">2.</td>
          <td>Statistika + Mahasiswa Lama</td>
          <td align="center">016U0033</td>
          <td>Matematika Dasar I</td>
          <td align="center">3</td>
          <td align="center">1</td>
          <td align="center">10.10-12.40</td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
          <td align="center"></td>
     </tr>
     <tr>
           <td align="center">3.</td>
           <td>Statistika + Mahasiswa Lama</td>
           <td align="center">021U0032</td>
           <td>Fisika Dasar I</td>
           <td> align="center">2</td>
           <td> align="center">1</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center">07.30-09.10</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
     </tr>
     <tr>
           <td align="center">4.</td>
           <td>Statistika + Mahasiswa Lama</td>
           <td align="center">030U0032</td>
           <td>Biologi Dasar</td>
           <td align="center">2</td>
           <td align="center">1</td>
           <td align="center">07.30-09.10</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
     </tr>
     <tr>
           <td align="center">5.</td>
           <td>Statistika + Mahasiswa Lama</td>
           <td align="center">025U0032</td>
           <td>Kimia Dasar</td>
           <td align="center">3</td>
           <td align="center">1</td>
           <td align="center"></td>
           <td align="center">07.30-09.10</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
     </tr>
     <tr>
           <td align="center">6.</td>
           <td>Bahasa Indonesia 14</td>
           <td align="center">009U0032</td>
           <td>Bahasa Indonesia</td>
           <td align="center">2</td>
           <td align="center">1</td>
           <td align="center"></td>
           <td align="center">15.45-17.25</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
     </tr>
     <tr>
           <td align="center">7.</td>
           <td>PAI 56</td>
           <td align="center">001U0032</td>
           <td>Pendidikan Agama Islam</td>
           <td align="center">2</td>
           <td align="center">1</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center">15.45-17.25</td>
           <td align="center"></td>
           <td align="center"></td>
     </tr>
     <tr>
           <td align="center">8.</td>
           <td>WSBM 17</td>
           <td align="center">007U0032</td>
           <td>Wawasan Sosial Budaya Maritim</td>
           <td align="center">2</td>
           <td align="center">1</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center">13.30-15.10</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
     </tr>
     <tr>
           <td align="center">9.</td>
           <td>PAN 20</td>
           <td align="center">012U0032</td>
           <td>Pancasila</td>
           <td align="center">2</td>
           <td align="center">1</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center">15.45-17.25</td>
           <td align="center"></td>
           <td align="center"></td>
           <td align="center"></td>
     </tr>
     <tr>
           <th colspan="4">Jumlah Kredit</th>
           <th>21</th>
           <th colspan="8"></th>
     </tr>
     </table>
</body>
</html>

d.   Video
<!DOCTYPE html>
<html>
<head>
     <title>Video</title>
</head>
<body background ="Video.jpg">
     <center>
     <br><br><br>
          <video width="60%" controls="autoplay">
              <source src="Video.mp4" type="video/mp4">
          </video>
     </center>
</body>
</html>


4.  Frameset
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<frameset rows="20%,*" border="5">
     <frame name="atas" scrolling="no" src="Welcome.html"></frame>
<frameset cols="20%,*">
     <frame name="menu" scrolling="no" src="Menu.html"></frame>
     <frame name="isi" src="About.html" name="isi"></frame>
</frameset>
</frameset>
</html>

5 komentar:

Unknown mengatakan...

👍👍👍

Bungaprilia mengatakan...

Keren..

Unknown mengatakan...

🔝💯

Unknown mengatakan...

Sangat membantu terima kasih

Hajriah mengatakan...

Makasih yaakk

Posting Komentar

About Me

Foto Saya
Andi Isna Yunita
Lihat profil lengkapku