Cari

Minggu, 21 September 2014

Laporan Modul 1

Langkah-Langkah Praktikum 
            A.    Percobaan 1 (Dokumen HTML)
1.      Buka aplikasi notepad
2.      Ketik script berikut dalam notepad : 
      <HTML>
     <HEAD><TITLE>Dokumen html</TITLE></HEAD>
     <body bgcolor ="skyblue">
       ini adalah sebuah dokumen HTML dengan judul "Dokumen Html"
      dan warna latar/background biru langit.
      terima kasih.
     </body>
     </HTML>

3.      Simpan file dengan nama dokumen.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil 


B.     Percobaan 2 (Heading) 
1.      Buka aplikasi notepad 
2.      Ketik script berikut dalam notepad : 
          <HTML>
     <HEAD><TITLE>Heading</TITLE></HEAD>
     <BODY>
     <h1>Teks dengan ukuran Heading one</h1>
     <h2>Teks dengan ukuran Heading two</h2>
     <h3>Teks dengan ukuran Heading three</h3>
     <h4>Teks dengan ukuran Heading four</h4>
     <h5>Teks dengan ukuran Heading five</h5>
     <h6>Teks dengan ukuran Heading six</h6>
     </BODY>
     </HTML>

3.      Simpan file dengan nama heading.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil 


C.     Percobaan 3 (Font) 
1.      Buka aplikasi notepad 
2.      Ketik script berikut dalam notepad : 
    <HTML>
    <HEAD><TITLE>Font</TITLE></HEAD>
    <BODY>
    <FONT face='comic sans ms'>
     teks ini berukuran normal jenis comic sans ms dan warna hitam
    </FONT></br>
      TEKS CETAK <b>Tebal</b>
       <i>Miring</i>
      <u>Garis Bawah</u>
    <strike>Garis Tengah</strike>
    <sup>superscript</sup> dan
    <sub>Subscript</sub>
    </FONT>
    </BODY>
    </HTML>

3.      Simpan file dengan nama font.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil 


D.    Percobaan 4 (Paragraf dan Align) 
1.      Buka aplikasi notepad 
2.      Ketik script berikut dalam notepad : 
    <HTML>
    <HEAD><TITLE>Paragraf dan Align</TITLE></HEAD>
    <BODY>
    <P align="left">Format paragraf ini rata kiri</P>
    <P align="right">Format paragraf ini rata kanan</P>
    <P align="center">Format paragraf ini rata tengah</P>
    <P align="justify">Format paragraf ini rata kanan kiri.
     Format paragraf ini rata kanan kiri.Format paragraf ini rata kanan kiri.
     Format paragraf ini rata kanan kiri.Format paragraf ini rata kanan kiri. Format paragraf ini rata kanan kiri.Format paragraf ini rata kanan kiri. Format paragraf ini rata kanan kiri.Format paragraf ini rata kanan kiri. Format paragraf ini rata kanan kiri.Format paragraf ini rata kanan kiri. Format paragraf ini rata kanan kiri.</P>
    </BODY>
    </HTML>


3.      Simpan file dengan nama align.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil 


E.     Percobaan 5 (Gambar) 
1.      Buka aplikasi notepad 
2.      Ketik script berikut dalam notepad : 
    <HTML>
    <HEAD><TITLE>Gambar</TITLE></HEAD>
    <BODY>
    <p><img src='L200120112.jpg' height='100' width='100'>perataan teks dibawah secara default dan gambar asli dengan ukuran 100 x 100 pixel</p>
    <p><img src='L200120112.jpg' height='100' width='100' align='top' border='2'> perataan teks diatas dan border gambar 2 pixel</p>
    <p align='center'><img src='L200120112.jpg' height='100' width='100' align='middle'>perataan teks ditengah</br>dan letak gambar ditengah dokumen</p>
    </BODY>
    </HTML>

3.      Simpan file dengan nama gambar.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil 


F.      Percobaan 6 (Daftar Menggunakan Bullets dan Numbering) 
1.      Buka aplikasi notepad 
2.      Ketik script berikut dalam notepad :
     <HTML>
     <HEAD><TITLE>Bullets dan Numbering</TITLE></HEAD>
     <BODY>
     <p>Daftar Menggunakan Bullets</p>
     <ul type='circle'>
     <li>Sunday</li>
    <li>Monday</li>
    <li>Tuesday</li>
     </ul>
      <p>Daftar Menggunakan Numbering (angka)</p>
     <ol type='1'>
     <li>Sunday</li>
     <li>Monday</li>
     <li>Tuesday</li>
     </ol>
      <p>Daftar Menggunakan Numbering (huruf)</p>
      <ol type='a'>
     <li>Sunday</li>
     <li>Monday</li>
     <li>Tuesday</li>
      </ol>
      <p>Daftar Menggunakan Numbering (huruf romawi)</p>
      <ol type='I'>
      <li>Sunday</li>
      <li>Monday</li>
      <li>Tuesday</li>
      </ol>
      </BODY>
      </HTML>

3.      Simpan file dengan nama daftar.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil 


G.    Percobaan 7 (Daftar menggunakan Multilevel List) 
1.      Buka aplikasi notepad 
2.      Ketik script berikut dalam notepad :  
     
      <HTML>
    <HEAD><TITLE>Germanic Languanges</TITLE></HEAD>
    <BODY>
    <ul>
    <li>west Germanic Languanges</li>
    <ul><li>English</li>
    <ul><li>British</li>
    <ul><li>BBC</li>
    <li>Cockney</li>
    <li>Dubliner</li>
    </ul>
    <li>american</li>
    <ul><li>Newscaster</li>
    <li>Drawl</li>
    <li>Jive</li>
    </ul></ul>

    <li>Ducth</li>
    <ul><li>Holander</li>
    <li>Flemish</li>
    <li>Afrikaans</li>
    </ul></ul</ul>
    </BODY>
    </HTML>

3.      Simpan file dengan nama multilevel.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil




H.    Percobaan 8 (Table) 
1.      Buka aplikasi notepad 
2.      Ketik script berikut dalam notepad :
       <HTML>
<HEAD><TITLE>Table</TITLE></HEAD>
<BODY>
Tabel Biasa
<table border="1">
<tr>
<td>cell 1a</td>
<td>cell 1b</td>
<td>cell 1c</td>
</tr>

<tr>
<td>cell 1a</td>
<td>cell 1b</td>
<td>cell 1c</td>
</tr>
</table>

Colspan
<table border="1">
<tr>
<td colspan="3" align="center">Quarter 1</td>
</tr>

<tr align="center">
<td>jan</td>
<td>Feb</td>
<td>Mar</td>
</tr>
</table>

rowspan
<table border="1">
<tr>
<td rowspan="3" align="center">Quarter 1</td>
<td>jan</td>
</tr>

<tr>
<td>Feb</td>
</tr>

<tr>
<td>Maret</td>
</tr>
</table>

</BODY>
</HTML>

3.      Simpan file dengan nama table.html 
4.      Buka file yang disimpan menggunakan browser 
5.      Hasil 


TUGAS
1.      Tulis script untuk membuat isi seperti gambar dibawah ini 
      <HTML>
    <HEAD><TITLE>Tugas 1</TITLE></HEAD>
    <BODY background="L200120112.jpg">
     <h1>BIODATA DIRI:</h1>
     <table border=0> <tr>     <td><b>Nama</b></td>
     <td><b>:</b></td>
     <td><b>Angga Satria Bima</b></td>
     </tr>

     <tr>
     <td><b>NIM</b></td>
     <td><b>:</b></td>
     <td><b>L200120112</b></td>
     </tr>

     <tr>
     <td><b>Kelas</b></td>
     <td><b>:</b></td>
     <td><b>F</b></td>
     </tr>
     </table>
     </BODY>
</HTML>

     hasil


2.      Fungsi dari tag atauatribut berikut:

3.      Buat multilevel list dengan kombinasi number (angka) dan huruf 
     


    <html><head><title>multilevel list</title></head><body><ul><li>Kota Besar di Indonesia</li><ol type='1'><li>Jawa Tengah</li><ol type='A'><li>Yogyakarta</li><li>Surakarta</li></ol><li>Jawa Timur</li><ol type='a'><li>Surabaya</li><li>Malang</li></ol></ul><ul><li>Tempat Wisata</li><ol type='1'><li>Jawa Tengah</li><ol type='A'><li>Yogyakarta</li><ol type='a'><li>Candi Borobudur</li><li>Candi Prambanan</li><li>Kraton Kasunanan Yogyakarta</li></ol></ol></ul></body>
</html>

Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)