Minggu, 31 Maret 2013

Pengertian dan Tutorial Dasar Belajar HTML

HTML (Hyper Text Markup language) merupakan suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus di tafsirkan oleh browser agar halaman HTML tersebut dapat ditampilkan secara baik dan benar.
Jadi halaman web adalah contoh dokumen HTML.
Dalam HTML anda dapat meletakan gambar, memformat teks, suara, atau masih banyak yang lainnya.
Dan yang harus anda ketahui yaitu Hypertext yaitu teks yang berfungsi menghubungkan antara halaman web yang satu dengan halaman web yang lainnya.
atau hypertext ini sering disebut dengan link / hyperlink.
HTML terdiri dari tag, elemen, atribut dan nilai.
Tag : " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "<…>"dan diakhiri dengan tag penutup " </…>".
Di dalam tag tersebut terdapat teks seperti  : html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML memiliki atribut dan nilai tertentu, contoh untuk membuat warna latar belakang (background): <body bgcolor="ffffff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Format dalam html yaitu .html atau .htm
Di bawah ini adalah Contoh dari HTML


<html>
<head>
<title>Judul</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dibuat oleh: Nama Anda
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>

silahkan copy paste contoh HTML diatas ke notepad anda kemudian save dengan format .html lalu buka dengan browser anda :)

 Sumber : http://infoter-baru.blogspot.com/2012/10/pengertian-dan-tutorial-dasar-belajar.html
Berikut ini adalah coding untuk menampilkan nama kreditur sepeda motor dengan java script. Langsung aja, ketikkan coding berikut pada notepad atau sejenisnya :
<html>
<head><title>Baraja java script</title></head>
<body bgcolor=yellow text=green>
<script language="javascript">
<!--
var nobukti=prompt("Inputkan No Bukti", "Pesan")

// K/HD-01/PDP-A/12
// K/YM-01/NDP-E/15

var ambil=nobukti.slice (12,-3)

if (ambil=="A")
{
nama="Wina";
}
else
{
nama="Yudi Nelta";
}

var ambil=nobukti.slice (2,-12)
if (ambil=="HD")
{
merk="Honda";
}
else
{
merk="Yamaha";
}

var ambil=nobukti.slice (8,-5)
if (ambil=="PDP")
{
jenis="pakai DP";
}
else
{
jenis="non DP";
}


var ambil=nobukti.substr (14,2)
if (ambil=="12")
{
cicilan="RP 750.000";
}
else
{
cicilan="RP 680.000";
}

document.write ("Nama Pelanggan            : " +nama +"<br>");
document.write ("Merk Sepeda Motor      : " +merk +"<br>");
document.write ("Jenis pembayaran           : " +jenis +"<br>");
document.write ("Cicilan Perbulan             : " +cicilan +"<br>");

//-->
</script>
</body>
<html>


Simpan dan beri nama (misalnya lat2.html). Kemudian buka dengan mozila firefox (maklum, saya udah biasa pake tuh mozila......hehehe....).
Kalau benar, akan tampil seperti gambar berikut :

Selamat mencoba......n silakan kasih komentar jika kurang memuaskan....

Sumber : Yudi Nelta

Membuat Logika Perhitungan Reward Sales Dengan Java Script html

Posting saya kali ini adalah membuat Logika sederhana Perhitungan Reward Sales dengan Java Script.
Langkah pertama ketikkan koding berikut pada notepad atau sejenis :
<html>
<head>
<title> LOGIKA PERHITUNGAN REWARD SALES </title>
<p align="center"><B> Java script </B></p>
<script language ="javascript">
<!--
var nama_sales = "Yudi";
var gaji_sales = 800000;
var wilayah_pemasaran = "Payakumbuh";
var total_penjualan =28000000;
//kondisi
if (total_penjualan >= 10000000 && total_penjualan <= 20000000) {reward=250000;}
if (total_penjualan >= 20000000 && total_penjualan <= 40000000) {reward=400000;}
else {reward=700000;}
document.write("nama_sales            :" +nama_sales+"<br>");
document.write("gaji_sales            :" +gaji_sales+"<br>");
document.write("wilayah_pemasaran     :" +wilayah_pemasaran+"<br>");
document.write("total_penjualan       :" +total_penjualan+"<br>");
alert ("reward yang diperoleh sales   :" + reward);
//-->
</script>
</head>
<body><body/>
</html>


Kemudian simpan dan beri nama terserah anda, misalnya lat1.html. Kemudian buka dengan internet browser anda, misalnya mozila firefox, internet explorer atau sejenisnya. Jika sudah benar, maka akan tampil seperti gambar di bawah ini:
Mudah kan......????
Semoga bermanfaa dan selamat mencoba.!!!

Sumber: Yudi Nelta