Diberdayakan oleh Blogger.
Home » Arsip untuk bulan Februari 2013
Belajar Beberapa Tag HTML

Belajar Beberapa Tag HTML

  • Tag Tunggal
    • Secara umum tag HTML selalu berpasangan. Namun ada juga beberapa tag yang tidak memiliki pasangan. Misalnya tag <p> <br> <hr>. Tag <p> sebenarnya adalah tag yang memiliki pasangan. Namun tag penutup sering kali tidak ditulis.
    Tag <p> digunakan untuk membuat paragraf baru. Lihat contoh berikut ini.
    <p>Ini adalah paragraf pertama.</p> <p> Ini adalah paragraf kedua.</p>

    Namun seringkali tag penutup tidak ditulis.
    Tag <br> digunakan untuk membuat baris baru.
    Nama<br>saya<br>adalah<br>Aga<br>Kurniawan

    Akan tampil seperti ini.
    Nama
    saya
    adalah
    Aga
    Kurniawan

    Tag <hr> digunakan untuk membuat garis. Lihat contoh.
    Nama saya <hr color=red>
    Aga Kurniawan

    Nama saya
    Aga Kurniawan
  • Tag Heading
    • Tag Heading digunakan untuk membuat judul pada paragraf. Ada 6 level atau tingkatan dalam tag heading.
    Sintaksnya seperti ini.
    <Hn> Judul paragraf </Hn>
    n diganti dengan angka 1 sampai 6.
    Contoh penulisannya seperti ini.
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>

    Pada web browser akan tampil seperti ini.

    Heading 1


    Heading 2


    Heading 3


    Heading 4


    Heading 5

    Heading 6

  • Font Style
    • Dalam HTML terdapat juga font style.
    Font style yang sering digunakan.







    Tag Keterangan

    <b>    		huruf
    tebal (bold)

    <i>    		huruf
    miring (italic)

    <u>    		 huruf garis bawah (underline).
  • Tag Font

    • Dalam mengatur tampilan text seperti warna, jenis dan ukuran text, kita dapat menggunakan tag <font> dengan sintak seperti dibawah ini.



    <font face="namafont" size="4" color="red> Teks yang diatur </font>


    Contoh penggunaannya:


    <font face="arial" size="4" color="purple> Teks arial ungu ukuran 4 </font>




Unknown / Sabtu, 09 Februari 2013 / Tulis Komentar / Baca Selengkapnya »
Belajar HTML Dasar

Belajar HTML Dasar


HTML (Hyper Text Markup Language) merupakan sebuah file yang berisi kode-kode tertentu atau tag yang dieksekusi dan ditampilkan oleh web browser.

File HTML dapat dibuat menggunakan text editor apapun, seperti notepad, vi bahkan bisa juga dibuat menggunakan text editor mobile/handphone.
Penulisan tag HTML biasanya ditandai dengan awalan "<" dan akhiran ">". Dan biasanya tag HTML dibuat berpasangan, akan tetapi ada juga tag tunggal dalam html.

Contoh penulisan tag HTML yang berpasangan :



<namatag>Text yang ditampilkan</namatag>
<namatag> merupakan tag pembuka, sedangkan </namatag> merupakan tag penutup. Sudah sangat jelas pembeda antara tag pembuka dan penutup, yaitu dalam tag penutup terdapat karakter "/".


Contoh penggunaannya sebagai berikut.

<b>text ini tampil tebal</b>


Kode tersebut akan tampil seperti ini.

text ini tampil tebal
Penulisan tag HTML tidak memperhatikan besar kecilnya huruf (case in-sensitive). Tidak seperti bahasa pemrograman seperti php dan javascript yang memperhatikan besar kecilnya penulisan kodenya.
Mengenal Beberapa Tag HTML


File html ditandai dengan dengan tag <html> dan diakhiri dengan </html>.

Lihat kode berikut ini.


<html>
<head>
<title>ini tag menampilkan judul</title>

</head>

<body>

<!-- Ini merupakan komentar, tidak akan tampil pada web browser -->

Disini text akan ditampilkan oleh browser.

</body>

</html>

Tag <title> berfungsi untuk menampilkan judul. Tag <title> diapit oleh tag <head>.


Semua text yang akan tampil pada web browser berada pada tag <body>.


  • Tag Body
    • Seperti yang telah saya sampaikan diatas, text akan ditampilkan web browser apabila berada pada tag body. Dalam tag body kita juga dapat menambahkan atribut dan value. Penulisannya seperti ini.
    <namatag atribute=value>
    contoh:
    <body bgcolor=green width=200px>

    bgcolor dan color termasuk atribut, sedangkan green dan 200px merupakan value. Kita bisa memberikan banyak atribut pada tag body. Beberapa contoh atribut antara lain:
    • BGCOLOR
      • untuk mengatur warna latar belakang pada tag body. Value berupa warna dalam bahasa inggris dan warna dalam hexadesimal.
    • BACKGROUND
      • untuk membuat latar belakang berupa file gambar. Contoh penulisan seperti ini <body background="/images/bg.png" > . Akan menampilkan latar belakang berupa file bg.png dalam folder images.
    • WIDTH
      • untuk mengatur lebar halaman. Value berupa angka.
    • HEIGHT
      • untuk mengatur tinggi. Value berupa angka.
    • dll
Untuk sementara tulisan ini saya akhiri sampai disini. Karena jempol saya sudah lelah (mengetik postingan lewat hp).


Mohon maaf jika ada tulisan yang salah.

-Terima kasih-




Unknown / Jumat, 08 Februari 2013 / Tulis Komentar / Baca Selengkapnya »
Encode dan Decode dalam HTML

Encode dan Decode dalam HTML

Apa itu Encode dan Decode dalam html?
Menurut pengertian saya encode dalam html adalah merubah kode html asli menjadi kode lain sehingga browser akan mengeksekusi kode tersebut tidak sebagai kode html. (ngawur)
Sedangkan pengertian decode adalah mengembalikan data ke kode asli dari kode yang telah diencode.(mubeng)
Berikut ini beberapa contoh kode html yang diencode.

Kode htmlEncode
&lt &lt;
&gt &gt;
&quot &quot;

Contoh penggunaannya adalah ketika kita akan menampilkan kode html dalam postingan. Apa bila kita menulis kode html dalam postingan yang tanpa diencode, maka kode tersebut akan dieksekusi browser sebagai kode html.
Berikut ini contohnya.


Maka akan tampil seperti ini.
Aggha's blog
Lain halnya jika kita menulis postingan dengan yang telah diencode seperti ini.

Maka dalam postingan akan tampil seperti ini.
<a href=http://agathok.blogspot.com/>Aggha's blog</a>

Jadi penggunaan encode sangat penting untuk membuat kode html dapat tampil di postingan kita.
Tetapi kita tidak perlu susah payah merubah &lt menjadi &lt dan &gt menjadi &gt satu per satu, karena sudah terdapat generator yang memudahkan kita.
Kita hanya perlu mempastekan kode html asli yang akan kita ubah menjadi encode.
Silahkan langsung menuju ke opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx untuk mencobanya.
Demikian sedikit pengetahuan saya mengenai pengertian encode dan decode, serta kegunaannya.
Mohon maaf bila ada kesalahan.

-Terima kasih-





Unknown / Kamis, 07 Februari 2013 / 2 Komentar / Baca Selengkapnya »
Awas Penipuan Undian Berhadiah

Awas Penipuan Undian Berhadiah

Teknologi sekarang memang seperti pisau bermata dua. Banyak hal positif dan hal negatif yang bisa dilakukan dengan teknologi sekarang ini.

Contohnya seperti perbuatan negatif ini. Penipuan undian berhadiah lewat sms.

Ternyata masih banyak penipuan-penipuan melalui sms, dengan modus undian dan dengan hadiah bermacam-macam.

Pernahkah anda para pengguna Simcard 3 menerima sms seperti ini.


kami dr kantor 3care sdh mhbg bpk/ibu yth tp tdk trsmbng jd kami smpaikan lwat sms bhw no anda menang dr undiang poin 3care tahun 2013 hadiah ke2 {1}unit mobil TOYOTA AVANZA PIN anda
2d5i47ry9 klik/www.info-undian3care.jimdo.com/hub cs:08999499146

Tadi sore temen (pacar) saya mendapatkan sms seperti itu, kemudian mengirimkan sms itu ke saya. Saya lihat dan saya sudah tahu, itu merupakan penipuan. Karena alamat situs yang digunakan bukan merupakan situs resmi dari Three.

Apalagi situs tersebut menggunakan doman jimdo.com yang merupakan website builder gratis seperti blogger,wordpress dll. Mana mungkin provider ternama menggunakan domain gratis seperti jimdo.com.

Kenapa memakai jimdo.com?

-Karena jimdo.com gratis, karena penipu hanya mempunyai modal sedikit.

-Karena jimdo.com merupakan website builder gratis yang belum cukup terkenal, sehingga calon korban tidak tahu bahwa itu bukan situs resmi provider. Jika calon korban sudah mengetahui jika itu merupakan website builder gratisan, calon korban tidak akan percaya.


Lalu apa alamat situs resmi tri?

-Alamat situs resmi tri adalah www.tri.co.id

-Facebook tri di www.facebook.com/triindonesia dengan nama 3.

-Twitter tri di @triindonesia



Jadi bagaimana agar tidak terkena penipuan?

-Yang pasti kita harus berhati-hati dan jangan mudah percaya.

-Jika mendapat sms ataupun telepon atau bahkan undian dari makanan ringan dengan hadiah yang besar, jangan langsung percaya. Ceritakan atau tanyakan kepada orang yang lebih mengetahui.

-Cari tahu di website resmi atau telepon ke customer service resmi. Apakah perusahaan itu memang benar sedang mengadakan undian.

Mendapat undian dengan hadiah seperti sepeda motor, mobil dan lain-lain memang sangat menggiurkan. Tetapi jangan sampai kita langsung percaya, kita perlu pengetahuan untuk dapat membedakan mana yang penipuan dan mana yang undian sebenarnya.

Jadi berhati-hatilah terhadap penipuan, dan untuk para penipu gunakan teknologi secara positif.

Demikian yang dapat saya tulis, mohon maaf jika ada salah kata.

Terima kasih.

Unknown / Rabu, 06 Februari 2013 / 3 Komentar / Baca Selengkapnya »
Membuat Kalender Sederhana dengan Javascript

Membuat Kalender Sederhana dengan Javascript

Javascript merupakan bahasa berbasis script yang dapat memberikan kemampuan tambahan dalam HTML. Membuat HTML menjadi lebih dinamis.

Javascript merupakan bahasa pemrograman yang berjalan disisi client dan didukung oleh banyak web browser.


Disini saya hanya seorang pemula, yang masih sangat awam dengam bahasa pemrograman, termasuk javascript.


Berikut ini adalah Kalender yang dibuat dengan javascript, dan pastinya kalender ini sangat sederhana karena dibuat oleh seorang pemula.hehe

Langsung saja lihat disini.


Berikit ini adalah kodenya. Masih sangat berantakan.


Atau bisa download disini.

Maaf tidak ada penjelasan dari script diatas. Maklum belum bisa jelasin karena saya masih belajar.hehe

Demikian yang dapat saya tulis.
Terima kasih.
:D

Unknown / Tulis Komentar / Baca Selengkapnya »
Membuat CSS Random untuk MyWapBlog

Membuat CSS Random untuk MyWapBlog

Sebetulnya udah banyak yang ngeshare trik ini, tapi daripada blog gak pernah update mending ikutan posting ginian.hehe

Maksud dari CSS Random adalah CSS yang berubah secara acak, jadi CSS-nya gak cuma itu-itu aja. Dan yang pasti biar tampilan blog kita gak bikin bosen.

Langkah-langkah untuk membuat CSS random.

  1. Mendaftar Web Hosting yang suport php
    2. Karena kita membuatnya dengan script php, maka kita harus punya hosting yang suport php. Buat yang belum panya hosting daftar aja di Idhostinger atau 000webhost.com.
  2. Membuat file random.php
    3. Buat file baru dengan nama random.php pada web hosting anda, kemudian copy script berikut ini.

    Ganti 'alamat css' dengan alamat tempat anda menyimpan CSS. Contohnya seperti ini.

    Lalu paste dan simpan.
  3. Import file random.php
    4. Masuk ke Dasbor MyWapBlog anda, pilih Tema, lalu Sunting CSS.
    Ubahlah menjadi seperti ini.
    Ganti aggha.16mb.com menjadi alamat web anda.
    Lalu Simpan dan buka blog anda, reload halaman dan lihat perubahannya.

Sekian postingan yang kurang bermutu ini. .

Terima kasih

Unknown / Selasa, 05 Februari 2013 / Tulis Komentar / Baca Selengkapnya »
Langganan: Postingan (Atom)