Muhammat Rasid Ridho

PENDAHULUAN

Untuk menyertakan sebuah image dalam dokumen web:

<img src=”NamaImage”>

NamaImage adalah URL dari file image tersebut

Bisa dalam satu folder, beda forder ataupun dari website.

 

Jenis file gambar berdasarkan format :

  1. GIF,   8 bit warna (256)
  2. JPEG,     24 bit warna / cocok untuk file foto.
  3. Animated GIF,   beberapa file gif yang tersimpan dalam satu file membuat gambar bisa bergerak.

Alignment Image

Mengatur align image dengan teks:

 

teks<img src=”…” align=”bottom” width=”100” height=”50”>teks

 

teks<img src=”…” align=”middle” width=”100” height=”50”>teks

 

teks<img src=”…” align=”top” width=”100” height=”50”>teks

Floating Image

 

Membiarkan suatu image mengambang di kiri atau di kanan paragraf.

 

<p><img src=”…” align=”left” width=”100” height=”50”>paragraf….paragraf</p>

 

<p><img src=”…” align=”right” width=”100” height=”50”>paragraf….paragraf</p>

 

 

Image Adjustment

   

Untuk menyesuaikan image dengan ukuran yang berbeda beda.

 

<img src=”…” width=”30” height=”30”>

<img src=”…” width=”50” height=”50”>

<img src=”…” width=”100” height=”100”>

 

 

 

 

Teks Alternatif untuk Image

Dengan atribut alt di tag <img> menyediakan tempat untuk menampilkan teks sebagai pengganti gambar.

Beberapa browser akan ditampilkan mengambang bila menaruh pointer diatas gambar.

 

<img src=”…” alt=”Ini gambar Q” width=”50” height=”50”>

 

 

 

 

Image sebagai suatu Link

 

    Bagaimana membuat suatu image sebagai suatu link.

 

<a href=”…”> <img src=”…” border=”0” > </a>

 

 

 

 

 

 

Image Map

 

Kita bisa membuat satu gambar mempunyai beberapa link, dengan membuat daerah mana aja dalam gambar yang akan mempunyai link.

 

<img src=”…” usemap=”#namamap”>

 

<map name=”namamap”>

<area shape=”…” coords=”0,0,75,125” href=”…”>

<area shape=”…” coords=”125,58,10” href=”…”>

</map>

Ada 4 macam atribut bentuk/shape untuk nama daerah:

 

  1. RECT, untuk persegi panjang dengan coords berupa koordinat pojok kiri atas dan pojok kanan bawah. (x1,y1,x2,y2)
  2. POINT, daerah bentuk titik dengan coords berupa x,y.

 

  1. POLY, untuk polygon dengan coords x,y setiap titik dari setiap garis.

(x1,y1,x2,y2,…,xn,yn)

  1. CIRCLE, berupa linkaran dengan coords titik tengah dan jari jarinya.

(x1,y1,jari jari)

15 October 2012

Image atau Gambar HTML

PENDAHULUAN Untuk menyertakan sebuah image dalam dokumen web: <img src=”NamaImage”> NamaImage adalah URL dari file image tersebut Bisa dalam satu folder, beda forder ataupun dari website. […]
15 October 2012

Form dan Input HTML

Form Dalam satu dokumen dapat terdiri beberapa form, tetapi hanya satu form yang dapat dikirim dalam satu saat. Form tidak dapat berbentuk nested. <form action=”url” method=”get|post” […]
15 October 2012

Frame HTML

Pendahuluan Frame digunakan untuk membangun web page yang memungkinkan penampilan beberapa web page ditampilkan dalam satu window browser.   Sintaks: <frameset border=# {[rows|col]}={#,[#[,..]]} <frame src=”URL” name=”NamaFrame”> […]
15 October 2012

Algoritma Pemilihan

Seringkali suatu intruksi bisa dikerjakan jika ia memenuhi suatu persyaratan tertentu. Komputer tidak lagi mengerjakan secara sekuensial, tetapi berdasarkan syarat yang dipenuhi. Menganalisa Kasus Sebuah persoalan harus […]
15 October 2012

Runtunan di bahasa Pascal

Runtunan adalah struktur algoritma paling dasar yang berisi rangkaian intruksi yang diprosessecara sekuensial, satu per satu, mulai dari intruksi pertama sampai instruksi terakhir. Yang berarti: Tiap […]
4 October 2012

Link HTML

Tag Anchor  <a>   Untuk membuat link kepada dokumen lain dalam web.   Ada 3 jenis: Link Relatif Link Absolut Link dalam Dokumen yang sama.   […]
4 October 2012

List HTML

List Digunakan untukmenguraikan daftar sesuatu, jenis jenis list: List dengan nomor / ordered list List tanpa nomor / unordered list List definisi / definition list   […]
4 October 2012

Format teks HTML

Pemformatan Teks Berikut beberapa pemformatan teks: 1. menebalkan (bold) 2. memiringkan huruf (italic) 3. memberikan tekanan pada teks (emphasize) 4. mengecilkan huruf 5. superscript 6. subscript […]
4 October 2012

Notasi Algoritma

Pseudo-code   Notasi algoritma pseudo-code mempunyai korespondensi dengan notasi bahasa pemrograman sehingga proses penerjemahan dari pseudo-code ke kode program menjadi lebih mudah. Tidak ada aturan baku […]
4 October 2012

Struktur Dasar Algoritma

Pernyataan   Sebuah algoritma merupakan deskripsi langkah-langkah pelaksanaan suatu proses. Setiap langkah di dalam algoritma dinyatakan dalam sebuah pernyataan (statement) atau istilah lainnya instruksi. Sebuah pernyataan […]
4 October 2012

Apakah Algoritma Itu ?

Masalah Menurut Neapolitan (1996) masalah adalah pertanyaan atau tugas yang kita cari jawabannya. Contoh masalah setumpuk kartu pasien di rumah sakit yang tersusun acak, bagaimanamengurutkan kartu […]
24 September 2012

Tag dasar HTML

Pendahuluan World Wide Web / WWW, lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Web telah diadopsi […]
27 June 2012

Solusi Fatal error: Call to undefined function session_register() Pada saat membuat Login dengan session

Fatal error: Call to undefined function session_register(). Pernah jumpai error seperti di atas pada saat membuat Login di PHP.Padahal scritp kodenya tak ada masalah jika dijalankan […]
27 June 2012
hosting emerer.com

Hosting Berbayar

Berikut daftar hosting berbayar :   1. Hosting berbayar dari dalam negeri Kunjungi situs Dewa Web   Kunjungi situs Master Web     2. Hosting berbayar dari luar […]
24 June 2012
Mas Rasid

Tentang Rasid

Hai, nama lengkap saya Muhammat Rasid Ridho S.Kom., M.SI Rekan-rekan dan mahasiswa saya biasa memanggil saya dengan pak Rasid. Ada juga yang panggil Mas Rasid, Mas […]
24 June 2012

Script Konfirmasi Delete

…… <html> <head> <title>Lihat Data Siswa</title> …… <!–Membuat Fungsi konfirmasi penghapusan data–> <script language=”javascript”> function konfirmasi(NIS) { tanya=confirm(‘Anda Yakin Data Siswa ‘+NIS+’ ini Di hapus ?’); […]
24 June 2012

Contoh script Menu (index.php)

Untuk membuat aplikasi php pada tampilan pertama atau home di program ini membutuhkan beberapa file php. Yaitu : index.php header.php footer.php dan menu.php   =================================================== Ini […]
24 June 2012
Contoh script PHP input data MySQL inputbarang.php emerer.com

Contoh script PHP input data MySQL (inputbarang.php)

Berikut ini merupakan contoh script untuk form input data yang kita simpan dengan nama inputbarang.php   [crayon-594c71d06cb68476511157/] Berikut ini merupakan file pendukung lainnya, silahkan coba file […]
24 June 2012
Contoh script PHP untuk simpan data MySQL simpanbarang.php emerer.com

Contoh script PHP untuk simpan data MySQL (simpanbarang.php)

Contoh script PHP untuk simpan data MySQL, kode ini disimpan dengan nama:  simpanbarang.php [crayon-594c71d06d2c2685580141/] Berikut ini merupakan file pendukung lainnya, silahkan coba file php di bawah […]
24 June 2012
Contoh script php lihat data MySQL lihatbarang.php emerer.com

Contoh script php lihat data MySQL (lihatbarang.php)

Contoh script php lihat data MySQL disimpan dengan nama: lihatbarang.php [crayon-594c71d06d85a759340710/] Berikut ini merupakan file pendukung lainnya, silahkan coba file php di bawah ini. index.php inputbarang.php […]