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.

Subscribe to: Posts (Atom)