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.
· 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>
<pre><b><font size=5 color=white>
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= >* 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:
Posting Komentar