Anda di halaman 1dari 18

Praktikum Pemrograman Internet

Biodata Instruktur
Nama : Sani Cahyadi Firdaus Kelas : A 2009 E-Mail : sanicfirdaus@gmail.com No hp : 085723522217

Bobot Nilai
Absensi Laporan Harian Ujian Akhir Tugas Akhir 10% 30% 40% 20%

Modul 1 Pengenalan HTML

Apa itu HTML ?


HTML (Hypertext Markup Language) merupakan suatu protokol yang digunakan untuk mentransfer data atau dokumen dari web server ke browser yang kita gunakan.

Tag Tag Pokok Yang Selalu digunakan


<html> <head> <title> </title> </head> <body>

</body> </html>

Tag Yang Akan Dibahas Pada BAB I


Tag Header Tag Font Tag Paragraf

Tag Header
<html> <head> <title> Web Pertama </title> </head> <body> <h1> Header dengan ukuran 1 </h1> <h2> Header dengan ukuran 2 </h2> <h3> Header dengan ukuran 3 </h3> <h4> Header dengan ukuran 4 </h4> <h5> Header dengan ukuran 5 </h5> <h6> Header dengan ukuran 6 </h6> </body> </html>

Tag Font
<html> <head><title>Pengaturan Font</title></head> <body> <h2><center><b>Memilih font untuk situs web anda</b></center></h2><br> Situs<sub> web</sub><br> Situs<sup> web</sup><br> <u>Situs web</u><br> <i>Situs web</i><br> <b>Situs web</b><br> <strike>Situs Web</strike><br> <font face="tahoma" color="red">Situs Web</font><br> <font size="5"><right>Situs Web</font> </body></html>

Tag Paragraf
Tag <pre>

Tag <p>

Tag <blockquote>

Tag Break & Horizontal Rules 1. Break 2. Horizontal Rules Tag List 1. Tag Un Ordered List 2. Tag Ordered List Tag Image

Tag Break <br> & horizontal rules <hr>


<html> <head><title>Pengaturan Font</title></head> <body> <h2><center><b>Memilih font untuk situs web anda</b></center></h2><br> <hr size=4 color=blue> Situs<sub> web</sub><br> Situs<sup> web</sup><br> <u>Situs web</u><br> <i>Situs web</i><br> <b>Situs web</b><br> <strike>Situs Web</strike><br> <font face="tahoma" color="red">Situs Web</font><br> <font size="5"><right>Situs Web</font> <hr> </body></html>

Un Ordered List
<ul> <li>Lab 1 <ul> <li type="circle">Algoritma dan Pemrograman <li type="circle">Pemrograman Berorientasi Objek <li type="circle">Sistem Operasi </ul> <li>Lab 2 <ul> <li type="square">Pemrograman Internet <li type="square">Mikro Komputer <li type="square">Jaringan Komputer </ul> <li>Lab3 <ul> <li type="disc">Basis Data</ul> </ul> </ul>

Ordered List
<ol> <li>Lab 1 <ol> <li type="a">Algoritma dan Pemrograman <li type="a">Pemrograman Berorientasi Objek <li type="a">Sistem Operasi </ol> <li>Lab 2 <ol> <li>Pemrograman Internet <li>Mikro Komputer <li>Jaringan Komputer </ol> <li>Lab3 <ol> <li>Basis Data</ul> </ol> </ol>

Kombinasi List Dengan Paragraf


<html> <head><title>List</title></head> <body> <dl> <dt><b>Visi</b> <dd>Membangun Cara pandang dan perilaku masyarakat Universitas Siliwangi yang senantiasa terdepan (pelopor) dalam IPTEK.<br> <dt><b>Misi</b><dd><ul> <li type="square"> Meningkatkan ketaqwaan pada tuhan YME bagi sivitas akademika melalui proses belajar dan mengajar yang kondusif. <li type="disc">Meningkatkan profesionalisme dan partisipasi sivitas akademika untuk mengembangkan ilmu pengetahuan dan teknologi. <li type="circle">Memberikan pelayanan kepada mahasiswa untuk meningkatkan kualitas dirinya, sehingga memiliki kemampuan akademik dan profesionalisme. <li type="disc"> Meningkatkan efektivitas dan efisiensi manajemen pendidikan, penelitian, dan pengabdian pada masyarakat.</ul></dl> </body> </html>

Tag Image
<html> <head><title>Image</title></head> <body bgcolor=blue> <h2> contoh Image </h2> <img src=unsil.gif width=200 height=200 border=5> </body> </html>

Modul 2 HTML dan Table

Tag dasar pembuatan table


<body> <h2>Contoh Table</h2> <table border=1> <tr> <th>NPM</th> <th>NAMA</th> </tr> <tr> <td>097006017</td> <td>Sani Cahyadi F</td> </tr> <tr> <td>097006001</td> <td>Riki Nurhidayat</td> </tr> </table>

Anda mungkin juga menyukai