Wednesday, November 2, 2016

Download aplikasi kalkulator sederhana menggunakan javascript

Kalkulator adalah alat untuk menghitung dari perhitungan sederhana seperti penjulahan,pengurangan,perkalaian,pembagian , sampai kalkulator sains yang dapat menghitung rumus matematika tertentu.

disini saya telah membuat aplikasi kalkulator sederhana dengan menggunakan javascript

silahkan sedot aja hehehe

ini contoh script kalkulator sederhana saya

function hitung(){

var nilai1=eval(document.getElementById("nilai1").value);

var nilai2=eval(document.getElementById("nilai2").value);

var pointer=document.getElementById("pointer").value;

if(pointer == "0"){

var perhitungan=nilai1+nilai2;

}else if(pointer=="1"){

var perhitungan=nilai1-nilai2;

}else if(pointer=="2"){

var perhitungan=nilai1/nilai2;

}else if(pointer=="3"){

var perhitungan=nilai1*nilai2;

}else{

var perhitungan=nilai1%nilai2;

}

document.getElementById("nilai3").value=perhitungan;

}

Karena “+” dalam java script bukan penjumlahan maka harus menggunakan “eval” pada

Value id .

Langsung saja klilk....

Extract file enjoy!!!

BELAJAR HTML

Background pada Html

Cara menambahkan background pada html

Disini saya akan menambahkan warna hijau pada background web html saya

Ikuti script saya

<html>

<head><title>background HTML</title>

</head>

<h1>Latar belakang warna hijau</h1>

</body>

</html>

Dan hasilnya sebagai berikut:

Hanya dengan menuliskan “bgcolor” pada tag<body> dan isikan nama warna dalam bahasa inggris latar belakang warna sudah berubah

Memasukan gambar sebagai latar belakang

Mungkin kalau warna saja dalam background web kita saja kurang menarik bagaimana kalau kita masukan gambar pada latar belakang web kita, apakah bias?

Tentu saja bisa caranya gambang sama seperti pada memasukan latar belakang warna tadi.

Yuk kita coba.

<html>

<head><title>background HTML</title>

</head>

<h1><font color="white">Latar belakang adalah gambar</font></h1>

</body>

</html>

Dan hasilnya sebagai berikut:

Sama seperti background warna bedanya jika memilih gambar sebagai latar belakan adalah

Gambar yang kita inginkan sebagai background harus satu folder dengan script HTML kita jadi bisa langsung dipanggil

Dengan memasukan script ”background” dan masukan nama gambar serta formatnya.

Disini saya memasukan gambar bernama “op” dengan format “.jpg”

Sekian semoga bermanfaat.

Tuesday, November 1, 2016

ELEMENT HTML

Halaman lanjutan dari element

element <hr>

<hr> adalah membuat garis di html

Contoh:

<html>

<head><title>element html</title></head>

<body>

<h1>ada garis kah</h1>

<hr>

</body>

</html>

Simpan dengan nama hr.html

Hasilnya seperti gambar berikut!

Element <pre>………….</pre>

Element pre digunakan untuk membuat tampilan dokumen HTML pada browser sama dengan tampilan pada teks editor. Dengan tag <PRE>, maka tag <P> dan tag <BR> tidak diperlukan lagi.

Element ini jarang di pakai oleh premogram karena dengan element ini script atau source code jadi berantakan dan tidak teratur

Contoh script html elemen <pre>

<html>

<head><title>element Html</title>

</head>

<body>

<pre>

Teks ini mempergunakan s p a s i dan juga tombol ENTER

untuk

berpindah ke baris ini.

Asisten Status

=======================

Frans Single

Budi Single juga

Riyo Double, lho?

Chandra duda, he he he...

</pre>

</body>

</html>

Simpan dengan Nama pre.html

Dan hasilnya terlihat pada gambar di bawah ini!

Element <BLOCKQUOTE>

<BLOCKQUOTE> : membuat tampilan menjorok ke dalam seperti identasi.

Bentuk umum : <blcokquote> .... </blockquote>

Contoh script html elemen <pre>

<html>

<head><title>element Html</title>

</head>

<body>

Pada saat kita mengetikkan sesuatu alamat pada browser maka

data akan dilewatkan oleh suatu protocol HTTP melewati port 80

pada server. Alamat ini adalah URL dari suatu situs yang mempunyai

alamat yang unik di Internet. Web Browser akan mengirimkan

suatu aturan yang telah disepakati sebelumnya, aturan ini biasa

disebut sebagai protocol, standar protocol menggunakan TCP/IP,

proses ini dimulai dengan melakukan 3 way handshakes antara sumber dan tujuan.

</blockquote>

</body>

</html>

Simpan dengan Nama blockquote.html

Dan hasilnya terlihat pada gambar di bawah ini!

Terlihat ada jarak dari sebelah kiri dan kanan pada kalimat di atas.

Sekian dari saya semoga bermanfaat .

Friday, October 28, 2016

BELAJAR HTML

Element HTML

Asalamualakum

Kemarin kita bahas struktur html udah pada paham kan klo belom paham anggap aja udah hehehe

Sekarang saya akan menerangkan tentang elemen-elemen pada html

Format document pada Html terdiri dari:

<br>

<hr>

Yang pertama kita bahas...

<h1> adalah tag heading untuk biasanya di gunkan untuk menandai judul dalam web

<h2> adalah tag heading untuk biasanya di gunkan untuk menandai judul dalam artikel web

<h3> adalah tag heading untuk biasanya di gunkan untuk menandai sub judul atau penjelasan judul dalam web

<h4> adalah tag heading untuk biasanya di gunkan untuk menandai artikel judul terkait dalam web

<h5> adalah tag heading untuk biasanya di gunkan untuk menandai nama komentar dalam web

<h6> adalah tag heading untuk biasanya di gunkan untuk footer web

Saya juga tidak begitu paham biasanya saya hanya sampai di <h1> sampe <h3> hehehee

Ok dari pada kita pusing dengan penjelasan di atas mending langsung praktek saja

buka notepad atau notepad++ lalu tulis script di bawah ini!

<html>

<head><title>element html</title></head>

<body>

<h1> ini adalah halaman 1</h1>

<h2> ini adalah halaman 2</h2>

<h3> ini adalah halaman 3</h3>

<h4> ini adalah halaman 4</h4>

<h5> ini adalah halaman 5</h5>

<h6> ini adalah halaman 6</h6>

</body>

</html>

Simpan dengan nama element01.html

Hasilnya seperti gambar berikut!

<h1> adalah judul dari artikel web kita

Ok selanjutnya adalah element <br>

Element ini adalah element untuk membuat garis baru pada kalimat di web html kita

Element <br> tidak perlu menggunakan </br> Karena bias langsung di ekseskusi

Contoh scriptnya adalah!

<html>

<head><title>element html</title></head>

<body>

ini adalah web html yang tidak menggunakan br

karena tidak menggunakan br ini tidak ada garis baru.

<br>ini adalah text menggunakan br<br> karena menggunakan br<br> ini garis baru

</body>

</html>

Simpan dengan nama element02.html

Hasilnya seperti gambar berikut!

Pada baris pertama pada script di atas kalimat tidak menjadi garis baru walaupun di script di garis baru beda dengan script yang menggunakan “<br>” walpun kalimat memanjang tanpa ada enter untuk garis baru akan di eksejusi menjadi garis baru di html.

Semoga mengerti.

1. Selanjutnya element <p>

Element “<p>” adalah element untuk memulai faragraf baru pada html

Suatu blog atau web informasi sudah pasti mengunakan banyak kalimat dan paragraph nah html membuat element ”<p>” untuk mempermudah membaut tulisan lebih mudah di pahami

Contoh script html elemen <p>

Contoh 1..

<html>

<head><title>element html</title></head>

<body>

faragraf baru faragraf baru faragraf baru

</body>

</html>

Simpan dengan nama element03.htm

Hasilnya seperti gambar berikut!

Pada contoh ini kalimat tidak ada paragrafnya karena tidak menggunakan elemen “<p>”

Coba dengan contoh yang menggunakan elemen “<p>”

<html>

<head><title>element html</title></head>

<body>

faragraf baru faragraf baru faragraf baru

<p>

faragraf baru faragraf baru faragraf baru

faragraf baru faragraf baru faragraf bar

</body>

</html>

Simpan dengan nama element04.html

Hasilnya seperti gambar berikut!

denagan menggunakan “<p>” akan ada jarak untuk paragraph space dibawah lihat perbedaan dengan contoh 1 dan contoh 2

Klik NEXT untuk melanjutkan ke <hr> dll

Belajar Html

Struktur html

Stuktur html adalah alur dari html:

<html>

<head>

Bagian head

</head>

<body>

Bagian body

</body>

</html>

Stuktur atau alur dari html terdiri dari <html> , <head>, <body>

Fungsi kode <html> adalah

Fungsi kode <head> adalah element yang memberikan informasi tentang document yang kita buat

Fungsi kode <body> adalah yang menentukan isi dari document yang kita buat

Fungsi <”/” kode html> adalah untuk menutup perintah yang kita gunakan agar perintah yang kita gunkan berhasil di eksekusi.

Buka notepad anda lalu ketik;

<html>

<head>

<title>belajar html</title>

</head>

<body><h1>ini web pertama saya</h1>

</body>

</html>

Lalu simpan dengan nama belajar01.html ingan harus namanya “.html” karena jika tidak memakai “.html” tidak akan di eksekusi oleh browser

Setelah di simpan dengan nama belajar01.html

Klik dua kali otomatis file yang kita buat akan langsung membuka browser untuk di eksekusi

Dan hasilnya akan seperti gambar di atas.

Fungsi<title>adalah untuk menandai nama web kita

Fungsi <h1> adalah penempatan text yang dibuat anda bisa mengunkan fungsi <h1> <h2> <h3> dan seterusnya

, , Fungsi kode adalah Fungsi kode adalah element yang memberikan informasi tentang document yang kita buat Fungsi kode adalah yang menentukan isi dari document yang kita buat Fungsi <”/” kode html> adalah untuk menutup perintah yang kita gunakan agar perintah yang kita gunkan berhasil di eksekusi. Buka notepad anda lalu ketik; belajar html

ini web pertama saya

Lalu simpan dengan nama belajar01.html ingan harus namanya “.html” karena jika tidak memakai “.html” tidak akan di eksekusi oleh browser Setelah di simpan dengan nama belajar01.html Klik dua kali otomatis file yang kita buat akan langsung membuka browser untuk di eksekusi Dan hasilnya akan seperti gambar di atas. Fungsiadalah untuk menandai nama web kita Fungsi <h1> adalah penempatan text yang dibuat anda bisa mengunkan fungsi <h1> <h2> <h3> dan seterusnya

Belajar HTML

Font pada HTML

Asalamualakum.....

kali ini saya akan menerangkan tentang gaya huruf pada html

Jadi jika kita ingin membuat web dengan gaya tulisan yang menarik bukan tidak mungkin orang akan tertarik untuk membaca tulisan di web kita. Oleh karena itu perlu untuk mendesain gaya tulisan pada web kita.

Langsung saja tanpa bertele-tele

Font adalah elemen script untuk mendesain gaya,ukuran,warna huruf di html.

Font style disini untuk memasukan gaya text yang kita inginkan gaya text seperti Tahoma,times new roman,Algerian,arial dll.

Font size disini untuk menentukan ukuran huruf sesuai keinginan kita

Bingung ya dari pada bingun mending langsung praktek aja hahaha

buka notepad atau notepad++ lalu tulis script di bawah ini!

<html>

<head>

<body>

<font face=”Tahoma”>ini text dengan gaya huruf Tahoma</font><br>

<font face="times new roman">ini text dengan gaya huruf Times new roman</font><br>

<font face="arial">ini text dengan gaya huruf Arial</font><br>

<font face="algerian">ini text dengan gaya huruf algerian</font><br>

</body>

</html>

Simpan dengan nama font01.html

Hasilnya seperti gambar berikut!

Gampangkan hehehe....

Ok selanjutnya kita akan merubah ukuran hurufnya

Tulis script berikut!

<html>

<head><title>membuat gaya huruf di html</title></head>

<body>

<font size="5">ini text dengan ukuran huruf 5 </font><br>

<font size="7">ini text dengan ukuran huruf 7 </font><br>

<font size="3">ini text dengan ukuran 3</font></br>

<font size="6">ini text dengan ukuran 6</font>

</body>

</html>

Simpan dengan nama font02.html

Hasilnya seperti gambar berikut!

Sudah mulai paham kan hehehe…..

Catatan untuk size nilai tertinggi adalah 7.

Selanjutnya kita akan memberi warna pada text di html kita

Tulis script berikut!

<html>

<head><title>membuat gaya huruf di html</title></head>

<body>

<font color="red">ini text dengan huruf berwarna merah </font><br>

<font color="blue">ini text dengan huruf berwarna biru </font><br>

<font color="green">ini text dengan huruf berwarna hijau </font><br>

<font color="yellow">ini text dengan huruf berwarna yellow </font><br>

</body>

</html>

Simpan dengan nama font03.html

Hasilnya seperti gambar berikut!

Wihh udah mulai jago nih hehehehe

Untuk menulis kode ukuran,gaya ,dan warna pada html kita hanya perlu mengunakan satu elemen <font> saja yaitu contoh!

<html>

<head><title>membuat gaya huruf di html</title></head>

<body>

<font face="tahoma" color="red" size="7" >ini text dengan huruf berwarna merah </font>

</body>

</html>

Simpan dengan nama font04.html

Hasilnya seperti gambar berikut!

Pada kode di atas saya menset text dengan gaya huruf Algerian ukuran 7 dan warna merah.

Sekian dari saya semoga bermanfaat

wasalamualakum….

Thursday, September 15, 2016

BELAJAR HTML

Belajar html untuk pemula

disini saya akan menjelaskan belajar html untuk pemula

sedikit tentang html:

Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

HTML adalah bahasa paling dasar dalam pembuatan sebuah web oleh karena itu jika kita ingin bisa membuat program web kita diwajibkan harus bisa dan menguasai HTML dulu

Pertama-tama yang kita butuhkan untuk belajar html hanya program notepad dan browser di komputer anda.

Langsung saja kita pelajari html

Struktur Html