statistics

Powered by Blogger.

Subscribe

Recent

Comment

Contact Form

Name

Email *

Message *

Friday, 22 January 2016

Membuat Tag Optgroup Untuk Membuat Group Menu Pada Website

Posted by ayobulutangkis on 04:18 with No comments so far
Membuat Tag Optgroup Untuk Membuat Group Menu Pada Website

 Tag optgroup memiliki fungsi untuk mengelompokkan atau mengkategorikan suatu item kedalam daftar pilihan.
Berikut Script program sederhana dengan tag optgroup:

<html>
   <head>
     <title>::: Membuat definisi optgroup :::</title>
   </head>
   <body>
    <optgroup label="Website Sosial Media">
       <option value="Facebook">Facebook</option>
       <option value="Instagram">Instagram</option>
    </optgroup>
    <optgroup label="Website Berita Indonesia">
       <option value="tribun">Tribun News</option>
       <option value="detik">Detik</option>
    </optgroup>
    </body>
</html>

 Dan berikut gambar hasil dari script di atas:

Tag <optgroup> ... </optgroup> untuk membuat sebuah pilihan yang didalamnya terdapat item item yang telah disediakan.

Sript Sederhana Membuat Tag Menu ( Daftar Menu )

Posted by ayobulutangkis on 03:57 with No comments so far
Sript Sederhana Membuat Tag Menu

 Tag menu memiliki fungsi untuk membuat daftar menu, baik secara tegak (vertical) maupun mendatar (horisontal).
Berikut script dengan tag menu:

<html>
    <head>
        <title>::: Membuat Definisi Menu :::</title>
    </head>
    <body>
       Daftar situs sosial media
      <menu>
           <li>Facebook</li>
           <li>Instagram</li>
           <li>Twitter</li>
      </menu>
    </body>
</html>

 Dan hasil dari script di atas ada di bawah ini:

Tag <menu dapat dimanfaatkan unruk membuat sebuah daftar menu pada halaman sebuah website. Sebagai contoh untuk pebuatan daftar situs sosial media dengan menu Facebook, Instagram dan Twitter.

Thursday, 21 January 2016

Contoh Script Sederhana Tag Fieldset Untuk Membuat Kontak

Posted by ayobulutangkis on 00:54 with No comments so far
Contoh Script Sederhana Tag Fieldset dalam HTML

 Tag fieldset berfungsi untuk mengelompokkan menjadi bebrapa selemen kedalam sebuah form. Berikut Script program dengan tag fieldset :

<html>
    <head>
      <title>::: Membuat Definisi Fieldset :::</title>
    </head>
    <body>
     <form>
    <fieldset>
      <legend>Kontak</legend>
       <div stlye="padding-top:2px">Nama  : <input type="text" size="40px"></div>
       <div style="padding:5px 0px 0px 4px">Email  : <input type="text" size="40"></div>
       <div style="padding:5px 0px 0px 48px"><button type="submit">Simpan </button></div>
    </fieldset>
    </form>
    </body>
</html>

 Dan hasil script di atas ada di bawah ini:





















Jika ingin mengelompokkan beberapa elemen didalam satu form maka dapat menggunakan tag <fieldset> dan </foeldset>. Coba perhatikan contoh diatas dimana untuk label nama, label email, text area nama, text email dan button Simpan berada didalam satu kelompok dengan nama kontak.

Contoh Script Tag Col dalam HTML

Posted by ayobulutangkis on 00:32 with No comments so far
Contoh Script Tag Col

 Tag col berfungsi untuk mendefinisikan sebuah nilai attribute kolom pada sebuah tabel. Berikut contoh script tag col di bawah ini:

<html>
    <head>
       <title>::: Tag Untuk Mendefinisikan Kolom :::</title>
    </head>
    <body>
      <table width="100%" border=1px">
        <col align="left"/>
        <col align="left"/>
        <col align="right"/>
        <tr>
         <th>Nama</th>
         <th>Alamat</th>
         <th>Pekerjaan</th>
        </tr>
        <tr>
         <td>Dhanang Siswadhi</td>
         <td>Kota Tua Semarang</td>
         <td>Dosen UGM</td>
        </tr>
      </table>
      </body>
</html>

 Dan hasil dari script di atas ada pada gambar dibawah ini:


Tag col digunakan untuk membuat kolom dalam halaman website, dan jika diberi nilai atau perintah align="left" maka akan menghasilkan tampilan teks atau kalimat didalamnya menjadi rapat kiri.

Namun jika diberi nilai align="right" maka akan menampilkan teks atau kalimat menjadi rapat kanan. 


Wednesday, 20 January 2016

Contoh Script Sederhana Tag Caption

Posted by ayobulutangkis on 17:22 with No comments so far

Contoh Script Sederhana Tag Caption

Tag caption berfungsi untuk mendefinisikan judul pada sebuah tabel. Script program dengan tag caption di bawah ini:

<html>
     <head>
          <title>::: Tag Unruk mendefinisikan caption :::</title>
     </head>
     <body>
       <table border="1px">
           <caption>= Daftar Nama Situs Terpopuler =</caption>
              <tr>
              <th> Hot News</th>
              <th>Perusahaan</th>
            </tr>
            <tr>
                <td>Oke Zone</td>
                <td>PT. Telkom Property</td>
            </tr>
        </table>
      </body>
</html>

Dan hasil script diatas ada gambar di bawah ini:


<caption> ... </caption> memiliki fungsi sebagai tempat untuk mendefinisikan sebuah judul yang terdapat didalam tag <table> yang hasilnya kalimat = Daftar Nama Situs Terpopuler = tidak akan terlihat didalam sebuah tabel, beda halnya pada teks Hot News, Perusahaan, Oke Zone dan PT. Telkom Property yang kesemuanya itu terlihat atau diapit didalam sebuah tabel.

Tuesday, 19 January 2016

Contoh Script Sederhana Tag Button

Posted by ayobulutangkis on 22:23 with No comments so far

Contoh Script Sederhana Tag Button

Tag button berfungsi unruk mendeinisikan sebuah button atau tombol.

Berikut contoh script sederhananya:

<html>
    <head>
       <title>:::Tag Untuk Mendefinisikan Button atau Tombol:::</title>
    </head>
    <body>
         Klik tombol disamping untuk menyimpan data
        <button type="submit"> Simpan </button>
    </body>
</html>

Dan berikut hasil script nya:


<button> ... </button> memberikan fungsi untuk membuat sebuah tombol, type="submit" yang ada didalam tag <buton> memberi arti bahwa buton memiliki type untuk melakukan submit. Sedangkan kata simpan yang ada diantara tag <button> dan </button> memunculkan nama atau nama dari tombol tersebut.

Pengertian Tag Anchor Beserta Contohnya

Posted by ayobulutangkis on 22:02 with No comments so far

Pengertian Tag Anchor Beserta Contohnya

Tag <a> sering disebut dengan tag anchor, yang digunakan untuk digunakan untuk membuat tautan atau link ke dokumen lain dengan menambah atribut href.

Berikut contoh script sederhananya:

<html>
     <head>
        <title>::: Tag Untuk Membuat Link:::</title>
     </head>
     <body>
       <a href="http://telkomproperty.co.id">Website Telkom Property</a>
     </body>
</html>

Dan hasil dari script diatas ada pada gambar di bawah ini:

<a> ... </a> sering dibaca anchor, boasanya dijodohkan dengan sintaks href sehingga akan memberikan efek hyperlink.

Monday, 18 January 2016

Cara Mengatur Warna Teks Pada WEB

Posted by ayobulutangkis on 22:11 with No comments so far

Cara Mengatur Warna Teks Pada WEB

Dalam membuat atau merubah warna pada teks pada web diperlukan penambahan atribut TEXT kedalam tag body. Berikut kode script untuk menyisipkan tag TEXT kedalam tab BODY.

Untuk dapat menghasilkan teks berwarna biru dapat menggunakan perintah <body text="blue"> atau dapat dituliskan dengan <body text="0000FF">

Berikut contoh script sederhana:

<html>
 <body text="blue">
    WEbsiteku dengan text berwarna biru
 </body>
</html>

Dengan hasil sebagai berikut:


Untuk dapat menghasilkan teks berwarna biru dapat menggunakan perintah <body text="blue"> atau dapat dituliskan dengan <body text="0000FF">.

Hasilnya akan terlihat bahwa warna teks "Websiteku dengan teks berwarna biru" pada web berubah warna biru.

Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 warna berserta kodenya dalam format heksa <harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).




Black
#000000
Blue
#0000FF
Orange
#FFA500
White
#FFFFFF
Fuchsia
#FF00FF
Green
#008000
Red
#FF0000
Gray
#808080
Teal
#008080
Yellow
#FFFF00
Silver
#C0C0C0
Navy
#000080
Lime
#00FF00
Maroon
#800000
Purple
#800080
Aqua
#00FFFF
Olive
#808000



Maka kode HTML untuk contoh mengatur warna teks dapat ditulis sebagai berikut:

<html>
 <body text="#0000FF">
    WEbsiteku dengan text berwarna biru
 </body>
</html>

 Dengan menggunakan sintaks text="#0000FF" kedalam script <body> maka akan menghasilkan teks dengan warna biru, jadi semua teks yang berada diantara <body> dan </body> akan menjadi berwarna biru.

Cara Mengatur Warna Latar Belakang WEB

Posted by ayobulutangkis on 21:43 with No comments so far

Cara Mengatur Warna Latar Belakang WEB

Tag body fungsinya tidak hanya sekedar menjadi penanda tubuh atau isi dari dokumen web namun dapat di sisipkan bermacam macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Sebagai salah satu contoh bagaimana mengubah warna latar belakang dari warna tulisan dari halaman web dengan penambahan atribut BGCOLOR ke dalam tag BODY.

Ini contoh penyisipan atribut bg color dapat dilihat pada script di bawah:

<html>
  <body bgcolor="blue">
       Website ini dengan latar belakang biru
  </body>
</html>

Dan hasilnya pada gambar di bawah:

<body bgcolor="blue"> memberikan efek pada bagian backgound menjadi berwarna biru. Selain dengan menyeburkan dengan nama warna yang dimaksud atau ditunjuk selain itu juga dapat dengan menggunakan kode warna seperti #FFFF00.

PAda HTML untuk memberi warna latar belakang atau background diharuskan memberikan atribut didalam kode <body> dengan memberi tambahan sintaks bgcolor="blue".

Pengenalan Dasar HTML

Posted by ayobulutangkis on 21:31 with No comments so far

Pengenalan Dasar HTML

Kode HTML memiliki aturan dan struktur penulisan tersendiri yang disebut tag HTML. Tag adalah kode yang digunakan untuk memoles (mark up) teks ASCIL (American Standart Code for Information Interchange) menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda garis miring (slash) di depan awal tulisannya.

Tag diatas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut ada;ah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan terpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang coba lihat script program di bawah ini;
<html>
     <body>
      ...
     </body>
</html>

Jika kode program diatas diberikan tag <title> ... Judul Websiteku...</title> diatas tag <body> maka akan menghasilkan sebuah website dengan judul ...Judul websiteku... yang terlhat pada title bar.

<html>
     <head>
          <title>...Judul Websiteku...</title>
     </head>
<body>
</body>
</html>

Maka hasilnya akan terlihat pada gambar di bawah ini:


Contoh Dan Pengertian Operator Assignment Dalam PHP

Posted by ayobulutangkis on 06:48 with 1 comment so far

Contoh Dan Pengertian Operator Assignment Dalam PHP

Operator assignment (=) adalah operator di mana operand di sebelah kiri mendapatkan nilai dari operand di sebelah kanan. Operator assignment juga dapat diartikan sebagai operator pemberian suatu nilai terhadap suatu variabel.

Contoh:

$X = 10, // yang berarti x diberi nilai 10.

Proses assignment juga dapat dilakukan dengan operand di sebelah kanan yang berupa ekspresi.

Contoh:

$y = ($x = 10) + 4;

Operator assignment juga dapat dilakukan dengan kombinasi dari operator aritmatika dan operator string yang memungkinkan anda menggunakan suatu ekspresi dan hasil ekspresi tersebut menjadi nilainya.

Contoh:

$a = 10;
$a += 7;
$a = $a + 7;
$salam ="Selamat";
$salam .= "Belajar"; // Selamat Belajar

Perhatikan bahwa assignment menyalin variabel yang asli ke variabel yang baru ( assignment by value ).
PHP telah mendukung assignment by reference. Assignment by reference berarti beberapa variabel yang berbeda yang mengacu pada satu lokasi yang sama ( isi variabel yang sama ), tetapi tidak dimungkinkan pada PHP 3.

Sinteksnya:

$var = &$variabel lain

Contohnya sebagai berikut:


<?php
$a = “Apel”;
// assignment by reference
$b = &$a;

// Mengubah nilai $a dan $b
$a = “Jerik”;

// Menghapus variabel $a dari memori
Unset ($a) ;

// Mencetak nilai variabel $b = “Jeruk”
Print ($b) ;
?>

Operator Assignment ditunjukkan seperti pada tabel di bawah ini:

Operator
Keterangan
Contoh
=
Tempatkan sisi kanan ke sisi kiri
$a = 13
+=
Tambahkan sisi kanan ke sisi kiri
$a += 2
-=
Kurangkan sisi kiri dengan sisi kanan
$a -= 3
*=
Kalikan sisi kiri dengan sisi kanan
$a *= 5
/=
Bagikan sisi kiri ke sisi kanan
$a /= 4
%=
Letakkan di kiri hasil sisa pembagian antara nilai variabel
Sisi kiri dengan nilai sisi kanan
$a %= 2 atau
$a ; = $a & 2


Operator
Keterangan
Contoh
&=
Letakkan di kiri hasil dari operasi operator “ AND “ terhadap nilai variabel sisi kiri dengan nilai pada sisi kanan.
$a &= $b atau
$a : = $a & $b
| =
Letakkan di kiri hasil dari operasi operator “ OR “ terhadap nilai variabel sisi kiri dengan nilai pada sisi kanan.
$a |= $b atau
$a : = $a | $b
^=
Letakkan di kiri hasil dari operasi “ XOR “ tehadap nilai variabel sisi kiri dengan nilai pada sisi kanan.
$a ^ = $b atau
$a : = $a ^ $b
.=
Letakkan di kiri hasil dari operasi “ Concat “ terhadap nilai variabel sisi kiri dengan nilai pada sisi kanan.
$a .= “more text” atau
$a : = $a . “more text”

Perhatikan contoh pernggunaan operator assignment pada script berikut:

<html>
<head>
<title>Operator Assignment</title>
</head>
<body>
<?php
$a = 10;
print ("\$a = $a <br>");
$a += 7;
print ("\$a += 7 = $a <br><br>");
$a = 10;
print ("\$a = $a <br>");
$a = $a + 7;
print ("\$a = \$a +7 = $a <br><br>");
$a = 10;
print ("\$a = $a <br>");
$b = &$a;
print ("\$b = &\$a = $a <br><br>");
$salam = "Selamat ";
print ("\$salam = $salam <br><br>");
$salam .= "Belajar";
print ("\$salam .= Belajar = $salam");
?>
</body>
</html>

Sunday, 17 January 2016

Pengertian Operator Aritmatika Dalam PHP

Posted by ayobulutangkis on 07:30 with No comments so far

Pengertian Operator Aritmatika Dalam PHP

Operator Aritmatika adalah operator yang digunakan untuk melakukan perhitungan matematis.

Lihat tabel di bawah


Operator
Keterangan
Contoh
+
Penjumlahan
$a=10 + 15 // $a = 25
-
Pengurangan
$b=5 – 3 // $b = 2
*
Perkalian
$c=11*8 // $c = 88
/
Pembagian
$d=15 / 3 // $d = 5
%
Sisa bagi (modulo)
$e=10 % 3 // $e = 1

Pada ekspresi yang kompleks yang melibatkan banyak operan, operator *, /, dan % memiliki prioritas yang sama, tetapi lebih tinggi dari operator + atau -.

Untuk lebih jelasnya, perhatikan contoh dibawah ini;

$x = 15 + 9 % 2

9 % 2 akan dikerjakan terlebih dahulu sehingga hasil ekspresi 15 + 9 % 2 adalah 16 (bukan 0)

Perhatikan contoh penggunaan operator aritmatika pada script berikut:




<html>
<head>
<title>afafafafaf</title>
</head>
<body>
<?php
print ("penjumlahan: <br>");
printf ("8 + 3 = %d <br>", 8.5 + 3);
printf ("8.5 + 3 = %f <br>", 8.5 + 3);
printf ("8.5 + 3.5 = %f <br>", 8.5 + 3.5);
printf ("-8.5 + 3.5 = %f <br>", -8.5 + 3.5);
print ("Pengurangan: <br>");
printf ("8 - 3 = %d <br>", 8 - 3);
printf ("8.5 - 3 = %f <br>", 8.5 - 3);
printf ("8.5 - 3.5 = %f <br>", 8.5 - 3.5);
printf ("-8.5 - 3.5 = %f <br>", -8.5 - 3.5);
print ("Perkalian: <br>");
printf ("8 x 3 = %d <br>", 8 * 3);
printf ("8.5 x 3 = %f <br>", 8.5 * 3);
printf ("8.5 x 3.5 = %f <br>", 8.5 * 3.5);
printf ("-8.5 x 3.5 = %f <br>", -8.5 * 3.5);
print ("Pembagian: <br>");
printf ("8 / 3 = %d <br>", 8 / 3);
printf ("8.5 / 3 = %f <br>", 8.5 / 3);
printf ("8.5 / 3.5 = %f <br>", 8.5 / 3.5);
printf ("-8.5 / 3.5 = %f <br>", -8.5 / 3.5);
print ("Sisa bagi (Modulus): <br>");
print ("8 % 3 = ") ; print (8 % 3 . "<br>");
print ("8.5 % 3 = ") ; print (8.5 % 3 ."<br>");
print ("8.5 % 3.5 = ") ; print (8.5 % 3.5 ."<br>");
print ("-8.5 % 3.5 = ") ; print (-8.5 % 3.5 ."<br>");
?>
</body>
</html>
Subscribe to: Posts (Atom)