Home » Archives for March 2017

Menggunakan Tag HTML

in - on March 31, 2017 - No comments


Tag HTML selalu diawali dengan < x > dan diakhiri dengan </ x >, dimana x adalah tag html seperti  b,i,u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan </ x> seperti  tag <br>, <input> dan lainya.
Berikut contoh penggunaan tag HTML
CONTOH
HASIL
<b>Ini tulisan tebal</b>
Ini tulisan tebal
<i>ini tulisan miring</i>
Ini tulisan miring
<u>ini tulisan bergaris bawah</u>
Ini tulisan bergaris bawah
Ini baris 1 <br>ini baris 2
Ini baris 1

Ini baris 2
Ini garis horizontal<hr>
Ini garis horizontal

Ada juga Tag yang mempunyai atribut seperti tag <font>,<table>,<body>,<input> dan masih banyak lagi. Sebagai contohnya tag <font> :
<font color=”blue” face=”arial “  size=”5”>Ini font berwarna biru dengan ukuran 5pt</font>
Hasilnya : Ini font berwarna biru dengan ukuran 5pt
Ket:
·         color  : menentukan warna text
·          Face   : menentukan jenis huruf
·         Size    : menentukan ukuran huruf
Penulisan atribut tidak harus urut seperti contoh diatas bisa dibolak balik misalkan <font size=”3” color=”blue” dst...
§  Daftar tag HTML dan Atribut

ü  <html> </html> : Baris paling atas script HTML
ü  <head></head> : Informasi umum dari sebuah halaman Web
ü  <title></title> : Judul Halaman Web, terletak di dalam tah<head>
ü  <body></body> atributnya”background,bgcolor,bgsound,font,link,alink,vlink,topmargin,leftmargin,marginheight,margin width : Setingan Atribut untuk seluruh document.

§  Modifikasi Teks

<b> </b>             Teks tebal          Teks tebal
<i> </i>                                Teks miring        Teks miring
<u> </u>             Teks garis            bawah Teks garis bawah
<pre> </pre>    Preformatted    teks Contoh teks
<h1> </h1>        Header 1              Header 1
<h2> </h2>        Header 2              Header 2
<h3> </h3>        Header 3              Header 3
<h4> </h4>        Header 4             Header 4
<h5> </h5>        Header 5             Header 5
<h6> </h6>        Header 6             Header 6
<sub> </sub>    Subscript             Subscript
<sup> </sup>    Superscript        Superscript
§  Font
<font></font> color,size,name                Mengubah gaya suatu huruf.

§  Links

<a> </a>      href,target,style,class,name,id          Membuat link ke dokumen atau situs lainnya.
Contoh penulisanya < a href=”link tujuan” target=”” Style=””>Link</a>
§  Gambar
Script Untuk menampilkan gambar
<img src=”lokasi file gambar”  border=”1” height=”50” width=”50”>
Ket :
ü  Src                 lokasi file gambar yang akan ditampilkan contoh “C:/gambar.jpeg”.
ü  Border         ketebalan garis tepi.
ü  Height         tinggi gambar yang diinginkan.
ü  Width          lebar gambar yang diinginkan

§  Formatting

<blockquote></blockquote>
Digunakan untuk mengatur text dan gambar dalam suatu tag
<ol> </ol>
Ordered List (digunakandengan <li>)
contoh : 1. Item 1
<ul> </ul>
Unordered List(digunakan dengan <li>)
contoh : • Item 1
<li>
Elemen List
<dd> </dd>
Definition List Sample text
<dt>
Definition Term Sample text
<dd>
 Definition Description Sample text
<p> </p>
 Paragraf
<br>
 Ganti baris Sample
<hr>
Garis horizontal
<center></center>
Menengahkan elemen Sample

§  Tabel
Ketika kita membuat table di halaman website kita perhatikan contoh dibawah
<table></table>                              membuat element table
<tr></tr>                             membuat baris baru
<td></td>                           membuat kolom untuk record
<th></th>                           membuat kolom untuk field
Contoh penggunaanya
<table border="1">
<tr><th>Nama</th><th>Alamat</th></tr>
<tr><td>Kirana</td><td>Kota tengah</td></tr>
<tr><td>Maulana</td><td>Negeri Katon</td>
</tr>
</table>

NAMA
ALAMAT
Kirana
Kota tengah
Maulana
Negeri Katon

§  Form
<form></form>                               mengatur elemen form
<input type =”text” >    
<input type=”password”>


<input type=”hidden>  digunakan untuk variable hidden ( tersembunyi )
<input type =”radio”>

<input  type=”checkbox”>

<input type=”submit “   value =” Input “>



<input type =”reset”>

 

Dan masih banyak lagi, tapi kode seperti itu bagusnya kita buat catatan saja jadi ketika kita lupa kita bisa membukanya kembali.

Read more
Labels:

Pengenalan HTML (Hyper Text Markup Language)

in - on March 27, 2017 - No comments
Html adalah singkatan dari Hyper Text Markup Language, yang merupakan suatu pemrograman yang digunakan untuk  membuat sebuah halaman web, yang bisa menampilkan suatu informasi dalam suatu browser. Script HTML bisa digunakan sebagai Link suatu url yang bisa menghubungkan  antar situs web . Pemformatan Hyper Text  ditulis dalam berkas berformat ASCII sehingga menjadi sebuah halaman web dengan perintah HTML.
HTML merupakan standard script internet yang dikendalikan oleh Word Wide Web Consurtium (W3C). Sedangkan script HTML dibuat oleh Berners-lee dan Caillaw ketika mereka bekerja di CERN (Lembaga penelitian fisika energy tinggi di Jenewa) Pada tahun 1989.
Fungsi HTML secara umum adalah untuk mengolah serangkaian data dan informasi sehingga suatu document dapat dihasilkan atau ditampilkan di browser  melalui layanan web.
Langsung saja saya berikan contoh penulisan koding HTML
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
Selamat belajar HTML
</body>
</html>
Saya jelaskan koding diatas. Untuk setiap awal script harus dimulai dengan <> dan diakhiri</> seperti contoh diatas <html> script paling bawah</html> <head></head> dst. <html><head><title><body> contoh diatas merupakan standart penulisan kode html.<title> merupakan judul suatu halaman atau Page.  Ketika kita ingin menulis sesuatu dan akan ditampilkan di halaman web, maka kita ketik di antara <body> isi  </body>. Apabila kita mengetik diluar <body></body> maka script tidak akan tereksekusi. Seperti contoh diatas , maka yang akan tampil di halaman web

Selamat Belajar HTML


Untuk caranya kita coba, siapkan software editor , kita bisa pilih menggunakan notpad software bawaan windows  dan yang berbayar kita bisa menggunkan product dari adobe yaitu Adobe Dreamweaver. Oke kita mulai, untuk contoh kali ini kita menggunakan notapad pertama tulis script diatas dan kemudian simpan dengan cara klik menu file pilih Save As dan ketik file name “latihan.html” dan untuk save as type pilih All file. Simpan document ke tempat yang di inginkan, misalkan di my document klik Save.  Terus untuk melihat hasilnya, buka mydocumen  klik kanan file yang barusan dibuat open with internet explorer, selesai maka akan terlihat hasilnya.
Read more
Labels:

Fungsi IF, IF ELSE, IF ELSE IF Di Pemrograman PHP

in - on March 24, 2017 - No comments


Fungsi if digunakan untuk satu kondisi, misalnya jika suatu pernyataan dianggap benar maka akan dijalankan. Fungsi if ini digunakan untuk suatu kondisi contoh prakteknya
$a=”merah”;
$b=”putih”;
If($a=”merah”) { echo”Berani”;}
If ($b=”putih”){echo “Putih”;}
Jadi Cuma satu kondisi saja, dalam pemrograman kalau Cuma fungsi if jarang digunakan yang sering digunakan adalah fungsi IF ELSe.
Fungsi IF ELSE digunakan ketika kita mengeksekusi sebuah program dengan dua kali perintah sekaligus, fungsi ELSE akan melakukan perintah ketika perintah pertama gagal. Jika perintah IF benar atau true maka program akan langsung mengeksekusi dan ketika salah maka fungsi ELSE yang bekerja. Pembacaanya begini “ Jika a adalah benar maka cetak a apabila salah maka cetak salah”. Begitu cara membacanya. Berikut contohnya :



Lihat contoh diatas jika $a = jagung maka tampilkan “jagung Manis” apabila salah maka tampilkan  salah. Ketik contoh diatas dan jalankan maka akan muncul seperti contoh diatas. Terus coba ganti $a di dalam if menjadi singkong, maka yang akan ditampilkan adalah “Salah”. Untuk lebih jelasnya lagi kiita menggunakan metode POST. kita praktekan...




Lihat contoh diatas ketika kita masukan kata kunci angka 1 maka yang akan tampil adalah “Satu” selain itu “Anda Salah”. $key=$_POST[kunci] artinya variable $key isinya data yang dikirim dari inputan yang kita input di halaman lat7.php berdasarkan name dari inputan.  perhatikan script if($key==1) saya perkenalkan lagi penulisan “sama dengan” di PHP menggunakan dua kali sama dengan “==”. Kalau sama dengannya Cuma satu “=” itu artinya isi dari, gitu cara membedakanya
Fungsi  IF ELSE IF digunakan ketika kita mengeksekusi lebih dari dua kali perintah jadi bisa banyak sekaligus dalam satu perintah. Metode ini biasanya digunakan ketika kita sudah menggunakan database Mysql. Yang sebelumnya data sudah disiapkan ketika dipanggil maka akan ditampilkan. Baiklah kita praktekan berikut scripnya:




Lihat di script hlat71.php jadi datanya sudah disiapkan, apabila kita ketik angka 1 maka akan tampil “Satu” ketika kita ketik angka 2 maka yang akan tampil “Dua” Ketika kita ketik angka 3 maka yang akan tampil “Tiga”; Selain dari pilihan diatas maka yang akan tampil “Anda Salah”.Mudah di pahami kan???
Read more
Labels: