Minggu, 01 April 2012

Pengenalan HTML

            HTML ( Hypertxt Markup Language ) merupakan dasar dalampembuatan sebuah web, bagi anda yang masih merasa asing dengan istilah ini.Jika anda membuka sebuah web browser dan klik kanan, setelah itu tampilkan kode sumber, maka akan tampil kodingan-kodingan yang berisikan innstruksi pada laman yang sedang anda jelajah.
Ciri khas dari HTML serta kelebihannya adalah sebagai berikut.
·         Diawali dengan <HTML> dan diakhiri dengan </HTML>.
·         HTML bukan merupakan bahasa pemograman.
·         Penulisan badan text dilakukan pada <BODY> dan diakhiri dengan end tag </BODY>.
·         HTML tidak case sensitif.
·         Mudah dipahami bagi orang awam.
·         Tidak membutuhkan instalasi software untuk mempelajari atau mempraktikkannya.
·         Berbekal dari notepad atau sejenisnya untuk mengaplikasikan script.
Bentuk Umum dari HTML sendiri adalah sebagai  berikut.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Beberapa perintah dasar dalam penulisan HTML adalah sebagai berikut.
·         <marquee>      : untuk membuat tulisan berjalan dan diakhiri dengan </marquee>
·      <pre>               : untuk membuat tampilan pada editor sama dengan saat dijalankan di web browser.
·      <br>                 :untuk line feed atau baris baru dan diakhiri dengan </br>.
·      <li>                  :untuk membuat bullets dan diakhiri dengan </li>.
·      <b>                  :untuk memberi cetak tebal dan diakhiri dengan </b>.
·      <i>                   :untuk memberi cetak miring dan diakhiri dengan </i>.
·      <u>                  :untuk memberi garis bawah dan diakhiri dengan </u>.
·      <a href=”#”>   :untuk memberi link menuju suatu lama dan diakhiri dengan </a>.
·      <img src =”#”>:untuk memberi gambar pada laman.
·      <font>             :untuk memberi format pada teks baik itu ukuran, jenis dan warna serta diakhiri dengan </font>.
·      <blink>            :untuk memberi kelap-kelip pada objek.
Contoh penerapan HTML.
Script halaman utama
<html>
<title>Pemograman Berorientasi Objek</title>
<head><center><font face=Algerian size=7 color=white><b><marquee behavior="alternate" scrollamount="20*">BIODATA PRIBADI</marquee></b></font></center></head>
<body background=abstrak.jpg>
<pre><b><font size=5 color=white>
<img src=kosan.jpg width=250 height=350 align=right border=5 >
        NAMA           : INDRA LUMBAN TOBING
        KELAS          : 2IA03
        NPM            : 59410282
        JURUSAN        : TEKNIK INFORMATIKA
        KAMPUS         : UNIVERSITAS GUNADARMA
        </b>
       
        <b>Materi Pemograman Berorientasi Objek sebagai berikut :</b>
</font>
<blink>
<font color=white><b>
<a href=diskon.html target="_blank">* Tugas 1</a>   
<a href=      >* Tugas 2</a>
<a href=      >* Tugas 3</a>
<a href=      >* Tugas 4</a>
<a href=      >* Tugas 5</a>
<a href=      >* Tugas 6</a>
<a href=      >* Tugas 7</a>
<a href=      >* Tugas 8</a>
<a href=      >* Tugas 9</a>
</font></b>
</blink>
<br>
<br>
<br>
<marquee scrollamount="10"><img src=mac.jpg width=200 height=200><img src=aku.jpg width=200 height=200><img src=water.jpg width=200 height=200></marquee>
</body>
</html>

Script Halaman link
<html>
<title>Diskon Harga</title>
<head><font align=center>PERTEMUAN 3</font></head>
<body>
<pre>
<li>Menghitung Diskon
 
<b>Listing Program</b>
        /*
        * To change this template, choose Tools | Templates
        * and open the template in the editor.
        */
 
        package latihan;
 
        /**
        *
        * @author INDRA
        */
 
        public class pembelian {
        public static void main(String[]arg)
    {
        float tp=1000000;
        double potongan=0.1*tp;
        double total=tp-potongan;
        System.out.println("Total pembelian="+tp);
        System.out.println("Diskon="+potongan);
        System.out.println("Pembelian setelah diskon ="+total);
        }
        }
        <img src=diskon.jpg>
<HR>
<li>Menghitung Luas dan Keliling Lingkaran
<b>Listing Program</b>
        /*
        * To change this template, choose Tools | Templates
        * and open the template in the editor.
        */
 
        package latihan;
 
        /**
        *
        * @author INDRA
        */
        public class lingkaran {
    public static void main(String[]args){
        System.out.println("Menghitung Luas dan Keliling Lingkaran");
        System.out.println("Nama    :Indra Lumban Tobing");
        System.out.println("Diketahui   :");
        System.out.println("Jari-jari lingkaran = 4");
        double phi=3.14;
        double r=4;
        double luas=phi*r*r;
        double keliling=2*phi*r;
        System.out.println("Luas lingkaran adalah "+luas);
        System.out.println("Keliling lingkaran adalah "+keliling);
        }
        }
        <img src=lingkaran.jpg>
</body>
</html>
 

Output


Gambar 1.Halaman Utama

Gambar 2.Halaman link yaitu tugas 1.

Tidak ada komentar: