Translate

Jumat, 24 Oktober 2014

Daftar Tag HTML Beserta Fungsinya

Pada pos kali ini kita akan membahas daftar tag pada HTML berserta fungsinya, oke tanpa basa-basi lagi! Mungkin daftar tag-tag ini hanya untuk mengingatkan kita saja, untuk lebih jelasnya pelajarilah dasar-dasar HTML terlebih dahulu sehingga anda dapat mendesain tampilan website sendiri.
Apa yang dimaksud dengan HTML tags?
HTML tags adalah sebuah label yang di awali dengan tanda '<' dan di akhiri dgn tanda '>' :

  • <html> 
  • <title> 
  • <body> 
Pada umumnya HTML tags adalah berpasangan:
  • Dimulai dengan <body> ditutup dengan </body> 
  • Dimulai dengan <h2> ditutup dengan </h2> 
  • Dimulai dengan <p> ditutup dengan </p> 
Akan tetapi ada beberapa tags yang juga disebut sebagai 'empty element' dapat berjalan tanpa berpasangan:
  • <img> 
  • <input> 
*Selalu usahakan untuk ingat agar menutup setiap elemen dengan tag penutup!

Berikut ini daftar tag-tag pada HTML:
Tag Description DTD
<!--...--> Mendefinisikan komentar HTML STF
<!DOCTYPE>  Mendefinisikan tipe dokumen STF
<a> Mendefinisikan anchor link STF
<abbr> Mendefinisikan sebuah singkatan STF
<acronym> Mendefinisikan akronim STF
<address> Mendefiniskan informasi kontak untuk pemiliki / penulis dokumen STF
<applet> Ditinggalkan. Medefinisikan applet TF
<area /> Mendefinisikan arae di dalam image-map STF
<b> Mendefinisikan tulisan tebal STF
<base /> Mendefinisikan  URL utama/target untuk semua URL alternatif di dalam dokumen STF
<basefont /> Ditinggalkan.bbsp;Merincikan dari warna, ukuran dan font default dari semua tulisan yang ada di dalam dokumen. TF
<bdo> Menggantikan arah tulisan  STF
<big> Mendefinisikan tulisan besar STF
<blockquote> Mendefinisikan kutipan yang panjang STF
<body> Mendefinisikan badan dokumen STF
<br /> Mendefinisikan satu baris baru STF
<button> Mendefinisikan tombol yang bisa di-klik STF
<caption> Mendefinisikan judul dari tabel STF
<center> Ditinggalkan. Mendefinisikan tulisan agar ditengah TF
<cite> Mendefinisikan kutipan STF
<code> Mendefinisikan kode komputer STF
<col /> Mendefinisikan nilai atribut dari satu atau lebih kolom pada tabel STF
<colgroup> Merincikan sebuah grup atau lebih dari kolom-kolom dalam tabel untuk di format STF
<dd> Mendefinisikan deskripsi dari sebuah item di daftar definisi STF
<del> Defines text that has been deleted from a document STF
<dfn> Mendefinisikan ketentuan definisi STF
<dir> Ditinggalkan. Mendefinisikan daftar direktori TF
<div> Mendefinisikan sebuah bagian di dalam sebuah dokumen STF
<dl> Mendefinisikan daftar definisi STF
<dt> Mendefinisikan ketentuan (dari sebuah item) di dalam daftar definisi STF
<em> Mendefinisikan tulisan emphasized STF
<fieldset> Menggabungkan elemen-elemen yang saling berhubungan di dalam form STF
<font> Ditinggalkan,  mendefinisikan  font, warna, dan ukuran dari tulisan TF
<form> Defines an HTML form for user input STF
<frame /> Defines a window (a frame) in a frameset F
<frameset> Defines a set of frames F
<h1> to <h6> Defines HTML headings STF
<head> Mendefinisikan informasi mengenai sebuah dokumen STF
<hr /> Mendefinisikan garis horisontal  STF
<html> Mendefinisikan inti dari dokumen HTML STF
<i> Mendefinisikan tulisan italic STF
<iframe> Mendefinisikan inline frame TF
<img /> Mendefinisikan gambar STF
<input /> Mendefinisikan kontrol input STF
<ins> Mendefinisikan tulisan yang telah dimasukkan ke dalam dokumen STF
<kbd> Mendefinisikan input keyboard STF
<label> Mendefinisikan label dari elemen <input> STF
<legend> Mendefinisikan Judul dari sebuah elemen <fieldset> STF
<li> Mendefinisikan daftar item STF
<link /> Mendefinisikan hubungan antara dokumen dari sumber diluar dokumen STF
<map> Defines a client-side image-map  STF
<menu> Ditinggalkan. Mendifinisikan daftar menu TF
<meta /> Mendefinisikan metada mengenai sebuah dokumen HTML STF
<noframes> Defines an alternate content for users that do not support frames TF
<noscript> Defines an alternate content for users that do not support client-side scripts STF
<object> Mendefinisikan obyek yang tertanam / embedded STF
<ol> Mendefinisikan urutan teratur STF
<optgroup> Mendefinisikan grup dari pilihan/option dalam drop-down list yang saling berhubungan STF
<option> Mendefinisikan pilihan dalam a drop-down list STF
<p> Mendefinisikan paragraf STF
<param /> Mendefinisikan parameter dari sebuah obyek STF
<pre> Mendefinisikan tulisan yang belum di format STF
<q> Mendefinisikan kutipan pendek STF
<s> Mendefinisikan tulisan strikethrough TF
<samp> Mendefinisikan contoh dari output program komputer STF
<script> Mendefinisikan client-side script STF
<select> Mendefinisikan drop-down list STF
<small> Mendefinisikan tulisan yang lebih kecil STF
<span> Mendefinisikan sebuah bagian dari dokumen STF
<strike> Ditinggalkan. Mendefinisikan tulisan strikethrough TF
<strong> Mendefinisikan tulisan strong STF
<style> Mendefinisikan informasi style dari dokumen STF
<sub> Mendefinisikan tulisan subscripted STF
<sup> Mendefinisikan tulisan superscripted STF
<table> Mendefinisikan tabel STF
<tbody> Menggabungkan isi dari badan tabel STF
<td> Mendefinisikan kolom dari tabel STF
<textarea> Mendefinisikan kontrol dari banyak baris input (text area) STF
<tfoot> Menggabungkan footer menjadi satu grup pada tabel STF
<th> Mendefinisikan header dari tabel STF
<thead> Mendefinisikan Grup header dari tabel STF
<title> Mendefinisikan Judul dari sebuah dokumen STF
<tr> Mendefinisikan baris dari tabel STF
<tt> Mendefinisikan tulisan teletype STF
<u> Ditinggalkan. Mendefinisikan tulisan garis bawah / underline TF
<ul> Mendefinisikan urutan acak STF
<var> Mendefinisikan variabel STF
Sumber : http://williamsarfat.blogspot.com/2013/01/daftar-tag-html-beserta-fungsinya.html

   

Selasa, 14 Oktober 2014

Cara Mudah Merubah Tampilan Cursor Mouse di Blog


cara mudah merubah cursor mouse pada blog

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:
  • Kunjungi situs www.cursors-4u.com.
  • Disana anda akan disugukan banyak contoh dari kursornya.
  • Anda dapat memilih berdasarkan kategori yang ada.
  • Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.
pocketball kursor
  • Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
  • Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)
copy kode kursor
  • Nah anda sekarang telah mendapatkan kodenya.
  • Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
  • Isikan konten dengan kode yang sebelumnya telah anda copy.
  • Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Sekian tutorial dari saya mengenai cara mudah mengganti kursor blog dengan animasi, Semoga bermanfaat.

sumber:  http://bocah-alus.blogspot.com/2013/03/cara-mudah-merubah-cursor-mouse-di-blog.html

menambah lagu di blog




1.       menambah lagu di blog
 


langkah-langkah:
1.buka pengaturan tata letak di blog
2.tambahkan gadget pilih html
3. buka tab baru buka link divine music
4.cari lagu yg di inginkan
5.Copy kan coding dan pastekan di blog dan ketikan My music di atasnya
6.simpan
7. selesai

Link menambahkan feature di blog



Link menambahkan feature di blog
Template  Blog
1.       http://btemplates.com/

HTML / JAVAScript Code
1.       1.membuat  papan pesan
http:// www.cbox.ws
2.       2.model Islamic jam, tanggal
3.      3. daftar pengunjung
-          t.globe
-          t.bendera Negara
-          t.statistik pengunjung

4.     4.  menambah lagu di blog

Foto-foto Palembang Tempo Doeloe

1.Masjid Agung Palembang
Judul: Masjid Agung Palembang, yang dibangun antara 738 dan 1753
penulis: fotografer: Woodbury & Page / Batavia

Verv.jaar: 1880
Verv.plaats: Palembang
Teknik: albumen print
Obyek: Ukuran Foto: 17x24 cm
Sumber: 3396 (foto, albumen print), Hindia Belanda dalam foto, 1860-1940, Royal Institute of bahasa, geografi dan etnologi (KITLV)
Copyright: Untuk informasi: Royal Institute bahasa, geografi dan etnologi (KITLV)

Masjid Agung di Palembang, dibangun antara 1738 dan 1753
De Grote Moskee te Palembang, gebouwd tussen...

2. Sungai Musi
Judul: Sungai Musi di Palembang .

Verv.jaar: 1910
Verv.plaats: Palembang
teknikphotolithography  
properti:  foto Ukuran: 60x73 cm
Sumber: 20015 (foto, photolithography), Hindia Belanda dalam foto, 1860-1940, Royal Institute of bahasa, geografi dan etnologi (KITLV)
Copyright: Untuk informasi: Royal Institute bahasa, geografi dan etnologi (KITLV)

The Musi di Palembang dengan rotan latar depan.  
Keterangan: Rotan di dermaga ke Palembang. Soematra.
De Moesi in Palembang met op de voorgrond...

3. Kebangkitan
 Judul: Great time Kebangkitan, Indonesia. Action tentara Belanda di Palembang, Sumatera Selatan, Indonesia / Hindia Belanda. Foto diambil oleh militer W. F. J. Pielage. Januari 1946.
penulis:

     fotografer: W.F.J. Pielage

Keyword:

     Waktu Bersiap
     Indonesia (lokasi)
     Perang Land
     Palembang (lokasi)
     negara
     Sumatera (lokasi)

Verv.jaar 1946
Sumber: [SFA007000697], Fotografer, Koleksi SPAARNESTAD PHOTO / WFJ Pielage
Copyright: Untuk informasi lebih lanjut: Koleksi SPAARNESTAD PHOTO / WFJ Pielage

Bersiap-tijd, Indonesië. Actie Nederlandse militairen in Palembang, Zuid-Sumatra, Indonesië / Nederlands-Indië. Foto genomen door militair W. F. J. Pielage. Januari 1946. 
4.Benteng cara untuk Palembang
Judul: Benteng cara untuk Palembang
Verv.jaar: 1900
Verv.plaats: Palembang
teknik:

     heliogravure

properti:

     foto

Ukuran: 9x13,5 cm
Sumber: 37.123 (foto, helio-ukiran), Hindia Belanda dalam foto, 1860-1940, Royal Institute of bahasa, geografi dan etnologi (KITLV)
Copyright: Untuk informasi: Royal Institute bahasa, geografi dan etnologi (KITLV)

Bentengweg te Palembang 


Selasa, 07 Oktober 2014

Sejarah Komputer Dan Perkembangannya

Sejarah Komputer Dan Perkembangannya

Komputer adalah alat yang dipakai untuk mengolah data menurut perintah yang telah dirumuskan. Pada awal nya kata komputer dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika.
Secara luas, Komputer dapat didefinisikan sebagai suatu peralatan elektronik yang terdiri dari beberapa komponen, yang dapat bekerja sama  satu dengan yang lain untuk menghasilkan suatu informasi berdasarkan program dan data yang ada.
Adapun komponen komputer adalah meliputi :
1. Layar Monitor
2. CPU 
3. Keyboard
4. Mouse 
5. Printer (sbg pelengkap).
Tanpa printer komputer tetap dapat melakukan tugasnya sebagai pengolah data, namun sebatas terlihat dilayar monitor belum dalam bentuk print out (kertas).
Saat ini, komputer sudah semakin canggih. Tetapi, sebelumnya komputer tidak sekecil, secanggih, sekeren dan seringan sekarang. Dalam sejarah komputer, ada 5 generasi dalam sejarah komputer.



1. Generasi Pertama ( 1940-1959 )




Dengan terjadinya Perang Dunia Kedua, negara-negara yang terlibat dalam perang tersebut berusaha mengembangkan komputer untuk mengeksploit potensi strategis yang dimiliki komputer. Hal ini meningkatkan pendanaan pengembangan komputer serta mempercepat kemajuan teknik komputer. Pada tahun 1941, Konrad Zuse, seorang insinyur Jerman membangun sebuah komputer, Z3, untuk mendesain pesawat terbang dan peluru kendali.

komputer generasi pertama menggunakan tabung vakum (vacuum tube) untuk memproses dan menyimpan data. Tabung vakum berukuran seperti lampu kecil. Tabung vakum cepat panas dan mudah terbakar. Ribuan tabung vakum diperlukan untuk mengoperasi komputer generasi pertama. Komputer generasi pertama murni peralatan elektronik yang berfungsi untuk membantu ilmuwan menyelesaikan masalah perhitungan matematika secaracepat dan tepat. Ukurannya yang besar mirip komputer induk atau komputer utama. Contoh komputer generasi pertama adalah ENIAC (Electronic Numerical Integrator And Calculator) yang dibuat oleh Dr John Mauchly dan Presper Eckert tahun 1946.




2. Generasi Kedua ( 1959-1965 )


Dimulai pada tahun 1948, penemuan transistor sangat mempengaruhi perkembangan komputer. Generasi kedua komputer menggunakan komponen-komponen transistor untuk pusat prosesing unit dan inti magnetik untuk memori. Daya ketahanan transistor didapati lebih baik kerana ia tidak mudah terbakar jika dibandingkan dengan tiub vakum. Channel data muncul di generasi ini, sejalan dengan fitur khusus untuk meningkatkan kecepatan CPU. Cara baru menyimpan ingatan juga diperkenalkan yaitu teras magnetik. Teras magnetik menggunakan besi-besi halus yang dililit oleh litaran elektrik. Keupayaan pemprosesan dan ingatan utama komputer juga bertambah. Ini menjadi komputer lebih pantas menjalankan tugasnya. Komputer pada awalnya digunakan sistem komersial on-line yang melibatkan komunikasi dan untuk sistem pembagian waktu, dimana pengguna diberikan kemampuan hitungan yang menarik melalui terminal. 




3. Generasi Ketiga ( 1964-1980 )
 

 Walaupun transistor dalam banyak hal mengungguli tube vakum, namun transistor menghasilkan panas yang cukup besar, yang dapat berpotensi merusak bagian-bagian internal komputer. Batu kuarsa (quartz rock) menghilangkan masalah ini. Jack Kilby, seorang insinyur di Texas Instrument, mengembangkan sirkuit terintegrasi (IC : integrated circuit) di tahun 1958. IC mengkombinasikan tiga komponen elektronik dalam sebuah piringan silikon kecil yang terbuat dari pasir kuarsa. Pada ilmuwan kemudian berhasil memasukkan lebih banyak komponen-komponen ke dalam suatu chip tunggal yang disebut semikonduktor. Hasilnya, komputer menjadi semakin kecil karena komponen-komponen dapat dipadatkan dalam chip. Kemajuan komputer generasi ketiga lainnya adalah penggunaan sistem operasi (operating system) yang memungkinkan mesin untuk menjalankan berbagai program yang berbeda secara serentak dengan sebuah program utama yang memonitor dan mengkoordinasi memori komput


4. Generasi Keempat ( 1980-Sekarang )


Komputer generasi keempat merupakan kelanjutan dari generasi III. Bedanya bahwa IC pada generasi IV lebih kompleks dan terintegrasi. Sejak tahun 1970 ada dua perkembangan yang dianggap sebagai komputer generasi IV. Pertama, penggunaan Large Scale Integration (LSI) yang disebut juga dengan nama Bipolar Large Large Scale Integration. LSI merupakan pemadatan beribu-ribu IC yang dijadikan satu dalam sebuah keping IC yang disebut chip. Istilah chip digunakan untuk menunjukkan suatu lempengan persegi empat yang memuat rangkaian terpadu IC. LSI kemudian dikembangkan menjadi Very Large Scale Integration (VLSI) yang dapat menampung puluhan ribu hingga ratusan ribu IC. Selanjutnya dikembangkannya komputer mikro yang menggunakan mikroprosesor dan semikonduktor yang berbentuk chip untuk memori komputer internal sementara generasi sebelumnya menggunakan magnetic core storage.

Komputer-komputer generasi keempat diantaranya adalah IBM 370, Apple I dan Apple II, PDP-11, VisiCalc, dan Altair yang menggunakan prosesor Intel 8080, dengan sistem operasi CP/M (Control Program for Microprocessor), dengan bahasa pemrograman Microsoft Basic (Beginners Allpurpose Symbolic Instruction Code). Sebagai catatan bahwa pada komputer-komputer generasi keempat ini tidak satupun yang PC-Compatible atau Macintosh-Compatible. Sehingga pada generasi ini belum ditentukan standar sebuah komputer terutama personal computer (PC)
 
 

5. Generasi Kelima

 

Pada generasi ini ditandai dengan munculnya: LSI (Large Scale Integration) yang merupakan pemadatan ribuan microprocessor kedalam sebuah microprocesor. Selain itu, juga ditandai dengan munculnya microprocessor dan semi conductor. Perusahaan-perusahaan yang membuat micro-processor diantaranya adalah: Intel Corporation, Motorola, Zilog dan lainnya lagi. Dipasaran bisa kita lihat adanya microprocessor dari Intel dengan model 4004, 8088, 80286, 80386, 80486, dan Pentium.

Akhir tahun 1980, IBM memutuskan untuk membangun sebuah komputer personal (PC) secara massal, yang pada tanggal 12 Agustus 1981 menjadi sebuah standar komputer PC, dan pada akhirnya hingga saat ini PC dikenal dengan nama standar IBM-PC. Prosesor yang digunakan adalah 8088/8086 yang menjadi standar komputer saat ini, menggunakan basis proses 16 bit persatuan waktu. Dengan lahirnya komputer generasi kelima ini, IBM bekerja sama dengan Microsoft untuk mengembangkan software di dalamnya. Hingga saat ini Microsoft mendominasi kebutuhan software di dunia PC.
Pada perkembangan selanjutnya perubahan besar terjadi bahwa sejak IBM-PC diperkenalkan dan bukan menjadi satu-satunya manufaktur PC-compatible, maka standar baru dalam dunia industri PC lebih dikembangkan oleh perusahaan lain seperti Intel dan Microsoft yang dipelopori oleh W. Bill Gates yang menjadi pionir standar hardware dan software dunia
 Pada generasi kelima ini, telah dilakukan pengembangan dengan apa yang dinamakan Josephson Junction, teknologi yang akan menggantikan chip yang mempunyai kemampuan memproses trilyunan operasi perdetik sementara teknologi chip hanya mampu memproses miliaran operasi perdetik. Komputer pada generasi ini akan dapat menerjemahkan bahasa manusia, manusia dapat langsung bercakap-cakap dengan komputer serta adanya penghematan energi komputer. Sifat luar biasa ini disebut sebagai “Artificial Intelligence”, selain itu juga berbasis Graphic User Interface (GUI), multimedia, dan multikomunikasi. 


Demikian lah penjelasan singkat komputer dari saya.


Sumber :