modul 9

1. TUJUAN

Kita dapat memahami bahasa XML sebagai bahasa pengolah data dalam web server.

1. LANDASAN TEORI

XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet. XML didesain untuk mampu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamak dari datum) yang jika diolah bisa memberikan informasi. XML menyediakan suatu cara terstandarisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen. Dengan sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan suatu cara yang standar.

1. ALAT DAN BAHAN
2. PC / Komputer
3. Notepad ++
4. Browser Google Chrome / Mozila firefox
5. Internet
6. Modul Praktikum Pemrograman Web

1. LANGKAH PRAKTIKUM

PERCOBAAN 1 ( file XML )

Modul 8

MODUL 8

A. TUJUAN

     Kita dapat memahami dan mengetahui dasar – dasar pemrograman web server menggunakan bahasa ASP ( Active Server Pages ).

B. LANDASAN TEORI

     Active Server Pages atau ASP merupakan suatu script yang bersifat server-side yang ditambahkan pada HTML untuk membuat sebuah web menjadi lebih menarik, dinamis dan efektif. Dengan ASP kita dapat mengolah data konsumen yang diambil dengan sebuah form, membuat aplikasi-aplikasi tertentu dalam sebuah web, dan database dalam sebuah web.

    Microsoft merupakan perusahaan software yang menciptakan teknologi ASP ini. ASP bukanlah sebuah bahasa pemrograman karena ia masih menggunakan instruksi-instruksi yang ada pada script lain yaitu VBScript dan Jscript. VBScript dan Jscript merupakan bahasa script stpenggunar yang digunakan ASP. Karena itu tak heran jika kemudian ASP menjadi script pemrograman yang popular dan laku di pasaran. Karena bersifat server-side untuk memberikan kemudahan plus bagi para pemrograman web agar dapat dijalankan pada sebuah PC biasa berbasis windows, maka PC tersebut harus disimulasikan menjadi web server dengan menambahkan fasilitas Personal Web Server (PWS), yaitu sebuah server mini yang dapat menguji script ASP pada komputer pribadi tanpa memerlukan koneksi ke internet. ASP berjalan didalam lingkungan IIS atau Internet Information Server . keatas yang dijalankan dengan OS Windows NT dan PWS atau Personal Web Server, yang dijalankan dengan OS Windows NT Workstation dan Windows 9x. untuk Windows Professional, Server, Advanced Server dan Data Center, semuanya menggunakan IIS 5.O. akses ke database merupakan fasilitas ASP yang paling sering digunakan. ASP mendukung akses ke database manapun selama database tersebut mendukung OLEDB atau ODBC.

C. ALAT DAN BAHAN

     1. PC / Komputer

     2. Notepad ++

     3. Browser Google Chrome / Mozila firefox

     4. Internet

     5. Modul Praktikum Pemrograman Web

D. LANGKAH PRAKTIKUM

Modul 7

A.      TUJUAN

Mengetahui dan memahami bahasa Javascript dalam pemrograman web.

B.      LANDASAN TEORI

JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client.

Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. JavaScript seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat JavaScript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan pengolahan.

Sejarah Javascript

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.
Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX.[6] JavaScript adalah bahasa yang digunakan untuk AJAX

Beberapa contoh menggunakan adalah:

1.       berputar atau bergulir teks.

membuat bagian dari suatu bentuk terlihat atau tidak terlihat. Sebagai contoh, dalam sebuah formulir pemesanan, jika pengguna kutu kotak centang “menyampaikan kepada alamat yang berbeda”, bagian ekstra dengan kotak teks dengan streetname pengiriman, nomor, dan tempat dapat dibuat terlihat.

2.       drop down menu.

3.       mengambil informasi tambahan dari server (Ajax) untuk sebagian me-refresh halaman.

4.       memvalidasi input pengguna pada formulir.

5.       perhitungan tanpa perlu kembali ke server.

6.       menentukan jenis browser.

jelas beberapa informasi dari jenis tertentu dari pengguna, seperti alamat email dari bot.

Bahasa server-side seperti PHP atau Perl adalah cara terbaik untuk memodifikasi halaman sebelum loading, meskipun ada beberapa kasus Server-JavaScript (SJS). Tidak semua browser memiliki juru JavaScript (seperti browser hanya teks Lynx), atau menjalankan versi terbaru. Selain itu, beberapa pengguna mematikan kemampuan JavaScript dengan pilihan. Umumnya, halaman web harus menggunakan JavaScript untuk meningkatkan pengalaman pengguna, bukan bergantung padanya. Hal ini sering disebut sebagai degradasi anggun (yaitu jika pengguna telah dimatikan JavaScript, halaman harus selalu masih beban, menyajikan informasi yang sama tetapi tanpa fungsi tambahan yang disediakan oleh JavaScript.)

Hubungan ke Java

Meskipun nama yang mirip, Java dan JavaScript, hampir tidak ada hubungannya selain dari sintaks antara dua bahasa. Bahkan mereka dikembangkan oleh dua perusahaan yang sama sekali berbeda, dengan tujuan dan pemikiran yang berbeda: Netscape mengembangkan JavaScript dan Sun Microsystems mengembangkan Java. Hanya saja kedua nama tersebut membingungkan bagi orang yang belum tau.

JavaScript dapat diinterpretasikan oleh browser yang paling  langsung dan cepat, sementara Java memerlukan terpisah “Java Virtual Machine” harus dimulai sebelum menjalankan. JavaScript dan Java sama-sama menggunakan sintaks yang mirip (berdasarkan bahasa C) tetapi perintah yang digunakan banyak yang sangat berbeda. Ada juga perbedaan teknis. Java adalah bahasa diketik statis yang membutuhkan deklarasi semua variabel dan jenis mereka (misalnya integer, string atau boolean). Sebaliknya, Javascript adalah “longgar” bahasa diketik, memungkinkan variabel yang akan digunakan tanpa deklarasi sebelumnya.

Sebagai contoh, membandingkan dua metode penulisan ke tampilan (halaman).
Di Java, untuk menulis “Halo dunia!”, Kode akan membaca: System.out.println (“Halo dunia!”);
Sedangkan dalam JavaScript (di browser), akan berkata: document.write (“Halo dunia! “);

Untuk lebih jelasnya dibawah contoh penulisan javascript,

Penulisan JavaScript

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag

<script type=”teks/javascript”>.
<script type=”teks/javascript”>
alert(“Halo Dunia!”);
</script>

Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:

<script type=”teks/javascript” src=”alamat.js”>
</script>

Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).

<html>
<head>
<script type=”teks/javascript”>
…
</script>
</head>
</html>

Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.

<html>
<head>
</head>
<body>
<script type=”teks/javascript”>
…
</script>
</body>
</html>

Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.

External JavaScript
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write(“pesan ini tampil ketika halaman diload”);
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut “src” pada tag <script> pada halaman HTML-nya.

<html>
<head>
</head>
<body>
<script src=”xxx.js”>
</script>
<p>Script di atas berada di berkas “xx.js” (eksternal) </p>
</body>
</html>

C.      ALAT DAN BAHAN

Alat dan bahan yang digunakan untuk praktikum adalah :

1.       PC (Personal Computer)

2.        Sistem Operasi Windows

3.       Browser (Mozila Firefox/Chrome)

4.        Notepad

5.        Buku Praktikum

D.      LANGKAH-LANGKAH

Modul 6

A. TUJUAN

Mengimplementasikan web PHP dengan gabungan CSS untuk memperindah tampilan website

B.      LANDASAN TEORI

          Cascading Style Sheet (CSS)merupakan salah satu bahasa pemrograman web   untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi  pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

             CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri/kanan/atas/bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

                  PHP (HyperText Preprocessor) merupakan bahasa pemrograman server side programming yang berfungsi untuk membuat website bersifat dinamis. Halaman website dinamis memberikan kesempatan kepada user untuk dapat berinteraksi dengan memberikan kesempatan kepada user untuk dapat berinteraksi dengan halaman web tersebut. Contoh diperlukannya halaman web dinamis ketika ingin membuat halaman buku tamu, atau ingin membuat aplikasi-aplikasi database. Halaman Web dinamis juga mempermudah admin situs untuk merawat (maintenance) situs yang dimilikinya. Sebuah website yang interaktif dan dinamis, tentu membutuhkan penyimpanan data yang fleksibel dan cepat untuk diakses. Salah satu database untuk server adalah MySQL. Jenis database ini sangat popular dan digunakan pada banyak website di internet sebagai bank data.

           XAMPP adalah perangkat lunak bebas (free) yang mendukung banyak system operasi, merupakan kompilasi dari beberapa program. Berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari program Apache HTTP server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat system operasi apapun), Apache, MySQL, PHP, dan Perl.

C.      ALAT DAN BAHAN

      Alat dan bahan yang digunakan untuk praktikum adalah :

1.       PC (Personal Computer)

2.       Sistem Operasi Windows

3.       Browser (Mozila Firefox/Chrome)

4.       Notepad

5.       Server local XAMPP

6.       Modul Praktikum Pemrograman Web 

D.      LANGKAH-LANGKAH PRAKTIKUM

       Sebelum melakukan percobaan, ikuti langkah-langkah berikut;

1.      Install software xampp

2.      Buat folder di C:\htdocs\mahasiswa

3.    Buat database dengan nama mahasiswa, table dengan nama mhs seperti modul 4 kemarin, atau  bisa menggunakan data dari modul 4 kemarin

PERCOBAAN 

1. Modifikasi script percobaan 1 modul 4 dengan menambahcss dibagian bawah tag body. berikut script lengkap

<!DOCTYPE HTML> <head> <title>Data Mahasiswa</title> </head><body> <link rel="stylesheet" href="style.css"> <?php //koneksi ke database $koneksi=mysql_connect ('localhost','root',''); $db=mysql_select_db('mahasiswa'); ?> <style> table { border: 1px solid #000000; } th{ background-color: #2B95EC; color: #ffffff; } tr:hover{ background-olor: #00ccff; } button { background-color :#2B95EC; } </style> <table width="600" cellpadding="3" cellspasing="3" align="center" border="1"> <tr> <th colspan="2">Input Data Mahasiswa</th></tr> <form action="form.php" method="POST" enctype"multipart/form-data"> <tr> <td width="500">NIM</td> <td width="600"><input type="number" name="txtnim" required="required" size="25" ></td> </tr> <tr> <td width="500"> nama</td> <td width="600"><input type="text" name="txtnama" required="required" size="45"></td> </tr> <tr> <td width="600">jenis kelamin</td> <td><input type="radio" name="radiokelamin" value="Laki-laki" required="required">Laki-laki <input type="radio" name="radiokelamin" value="Perempuan" required="required">Perempuan</td> </tr> <tr> <td width="500"> Alamat</td> <td width="600"><.textarea name="txtalamat" rows="5" required="required" cols="45"></.textarea></td> </tr> <tr> <td width="500"> jurusan</td> <td width="600"><input type="text" name="txtjurusan" required="required" size="45"></td> </tr> <tr> <td width="500"></td> <td width="600"><input id="submit" type="submit" name="submit" value="simpan"> <input id="submit" type="reset" value="Batal"></td> </tr> </form> </table> <?php if (isset ($_POST ['submit'])){ $nama = $_POST['txtnama']; $nim = $_POST['txtnim']; $jeniskelamin = $_POST['radiokelamin']; $alamat = $_POST['txtalamat']; $jurusan = $_POST['txtjurusan']; $input="insert into mhs (nim, nama, jenis_kelamin, alamat, jurusan) values ('$nama', '$nim', '$jeniskelamin','$alamat','$jurusan')"; if($nim==''){ echo "<br>"; }else{ mysql_query($input); echo'<br>Data berhasil dimasukan'; } } ?> <hr> <h2 align="center"> Data mahasiswa</h2> <?php $warna1 = "#FFFFFF"; $warna2 = "#CCFFFF"; $warna = $warna1; $sql = mysql_query("SELECT * FROM mhs ORDER BY nim"); if(!$sql) die ("Query salah"); echo"<table cellpadding=4 border=1 align=center> <tr> <th>No</th> <th>Nim</th> <th>Nama</th> <th>Jenis Kelamin</th> <th>Alamat</th> <th>Jurusan</th> <th>Pilihan</th></tr> "; $no=+1; while ($baris=mysql_fetch_row($sql)) { $nim = $baris[0]; $nama = $baris[1]; $jeniskelamin = $baris[2]; $alamat = $baris[3]; $jurusan = $baris[4]; if($warna == $warna1) { $warna = $warna2; } else { $warna = $warna1; } echo" <tr bgcolor=$warna> <td align=center>$no</td> <td align=center>$nim</td> <td align=center>$nama</td> <td align=center>$jeniskelamin</td> <td align=center>$alamat</td> <td align=center>$jurusan</td> <td align=center><a href='hapus.php?nim=$nim'>Hapus</a> |<a href='update.php?nama=$nama&nim=$nim&jeniskelamin=$jeniskelamin&alamat=$alamat&jurusan=$jurusan'> ubah</a></td></tr> "; $no++; } echo"</table> "; ?> </body> </html>

1. Menyimpan file dengan nama form.php pada folder yang sudah dibuat sebelumnya

Membuka file dengan menggunakan browser
         Hasilnya

Modul 5



A.      TUJUAN

Memahami dan mengetahui fungsi dari CSS (Cascading Style Sheet) sebagai bahasa pemograman guna mengatur desain dan layout web.

B.      LANDASAN TEORI

CSS (Cascading Style Sheet) adalah sebuah cara untuk memisahkan isi dengan layout dalam halaman-halaman  web yang dibuat. CSS dapat menciptakan halaman yang tampak sama dengan resolusi layar dari pengunjung yangberbeda tanpa memerlukan suatu tabel. Dengan CSS, akan lebih mudah melakukan setting tampilan keseluruhan web hanya dengan menggantikan atribut-atribut atau perintah dalam style CSS dengan atribut yang dinginkan tanpa harus mengubah satu per satu atribut tiap elemen yang ada dala situs yang dibuat.

C.      ALAT DAN BAHAN

1.       Satu buah PC

2.       Aplikasi Notepad

3.       Web browser

4.       Lembar kerja percobaan

D.      LANGKAH-LANGKAH PRAKTIKUM

1.       Membuat folder di Dekstop dengan memberi nama folder dengan NIM

2.       Untuk menyimpan file dengan ekstensi css , tulis nama file dengan ekstensi “.css”

3.       Untuk menyimpan file dengan ekstensi html , tulis nama file dengan ekstensi “.html”

E.        Percobaan 1 (Border)

Langkah-langkah praktikum        :

1.       Buka Aplikasi Notepad.

2.       Ketikkan script berikut ke dalam notepad.

<html> <head><title>Border</title> <style type="text/css"> p.dotted {border-style:dotted} p.dashed {border-style:dashed} p.sholid {border-style: solid} p.double{border-style: double} p.groove {border-style: groove} p.ridge {border-style: ridge} p.inset {border-style: inset} p.outset {border-style: outset} </style> </head> <body> <p class='dotted'> A dotted border</p> <p class='dashed'> A dashed border</p> <p class='solid'> A solid border</p> <p class='double'> A double border</p> <p class='groove'> A groove border</p> <p class='ridge'> A ridge border</p> <p class='inset'> An inset border</p> <p class='outset'> An outset border</p> </body> </html>

Hasil :

Percobaan 2 (Gambar)

Langkah-langkah praktikum :

1. Letakkan sebuah file gambar ber-ekstensi .jpg didalam folder yang dibuat, beri nama file gambar tersebut dengan nama gambar.jpg

2. Buka apikasi Notepad

3. Ketik script berikut :

Modul 4

A. Tujuan

      mengimplementasikan bahasa pemrograman PHP dengan menggunakan database MySQL ke             dalam sebuah aplikasi berbasis web.

B. Landasan Teori

     Bahasa PHP --> merupakan bahasa pemrograman server side programming yang berfungsi untuk        membuat website bersifat dinamis. Halaman web site dinamis memberikan kesempatan kerja              user untuk dapat berinteraksi dengan halaman web tersebut .

     Database MySQL --> sebuah website yang interaktif dan dinamis, tentu membutuhakan                    penyimpanan data yang fleksibel dan cepat untuk diakses. Salah satu database untuk server adalah      MySQL , jenis database ini sangat populer dan digunakan pada banyak website di internet sebagi        bank data.

C. Alat dan Bahan

     Alat dan bahan yang digunakan dalam praktikum ini adalah : 

1. PC
2. Aplikasi Notepad
3. AppServ
4. Web Browser (Google Chrome)
5. Lembar kerja percobaan

D. Langkah-langkah Praktikum

1. Install software Xampp ke komputer
2. Jalankan Xampp, pastikan MySQL dalam keadaan aktif
3. Buat folder baru di direktori localhost, beri nama folder tersebut dengan NIM (L200120099), folder ini yang akan digunakan untuk menyimpan file percobaan.

     Percobaan 

1. Buka Browser dan buka http://localhost/phpmyadmin
2. Buat database baru dengan nama database "mahasiswa" pada kolom create new database

      3. Buat tabel baru dengan nama "mhs" dengan jumlah field "5" pada database yang sudah dibuat.
      4. Isikan field yang sudah dibuat dengan isi sebagai berikut :
          a. NIM                   (Varchar 20)
          b. Nama                 (Char 40)
          c. Jenis Kelamin    (enum "Laki-Laki", "Perempuan")
          d. Alamat               (text)
          e. Jurusan               (Varchar 45)

   5. Buka aplikasi notepad++
   6.Ketikkan script berikut dalam notepad++

Modul 3

MODUL 3

PHP (Hypertext Preprocessor)


A. Tujuan
      Mengetahui dan memahami bahasa pemrograman PHP sebagai bahasa dalam server side programming         dalam website.

B. Landasan Teori
     PHP adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web.        berbeda dengan HTML yang hanya bisa menampilkan konten statis, PHP bisa menampilkan konten yang      dinamis dari sebuah website. PHP ditulis (dirumuskan) oleh Rasmus Lerdorf, seorang software engineer        asal Greenland sekitar tahun 1995. pada awalnya PHP digunakan untuk mencatat jumlah pengunjung.
     Penulisan script PHP
     semua script PHP harus diapit oleh tanda :

•  <?php.....?>
• <script language='php'>.....</script>
• <?.............?>
• <%.....%>

C. Alat dan Bahan

Modul 2

1. Langkah Percobaan

1.         Percobaan 1 (Hyperlink)

a.      Buka notepad

b.     Mencari gambar icon google
c.   Mengetik script berikut 

<html> <head><title>hYPERLINK</TITLE><head> <h1> INI ADALAH HALAMAN 1</H> </BR> UNTUK PERGI KEHALAMAN 2 KLIK <a href='halaman2.html' TARGET ='_TOP'> DISINI </a> </BR> UNTUK PERGI KEHALAMAN GOOGLE SILAHKAAN KLIK GAMBAR DI BAWAH INI: </BR> <a href='http://www.google.com' target'_blank'> <img src='225757.jpg' width='200' height='50' alt='google'></a> </br> Untuk melihat refrensi tentang pemograman web silahkan klik teks dibawah ini:<br> <a href= '#refrensi'><b>Lihat refrensi tentang pemograman web</b></a> </BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR> <a name='refrensi'><b>Refrensi Pemograman Web</b></a> </BR> Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. </br> </body> </html>

Modul 1

1. Langkah Percobaan

1.         Percobaan 1 (Dokumen HTML)

a.      Buka notepad

b.      Mengetik script berikut

<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. Terimakasih </body> </html>

c.       Menyimpan dengan nama dikumen.html

d.      Membuka dengan app web browser

2.         Percobaan 2 (Heading)

a.      Buka notepad

b.      Mengetik script berikut

<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>

c.       Menyimpan dengan nama heading.html

d.      Membuka dengan app web browser

3.         Percobaan 3 (Font)