Belajar HTML - Link HTML

Mudahnya gini. Sebuah link adalah sebuah alamat yang merujuk ke dokumen atau alamat lainnya di Internet. Menurut saya sebenarnya konsep link inilah yang akhirnya benar-benar membuat web menjadi sangat bermanfaat dan akhirnya menjadi sangat besar seperti sekarang ini.
Orang sangat mudah merujuk ke referensi lain yang semuanya tersedia online. Bener-bener jenius :).
Jadi, pelajari baik-baik ya…

Ndak usah pake contoh ya , kan udah banyak banget di Internet. Link ya tempat kamu main klak klik itu lah.

Hyperlinks, Anchors, dan Links

Dalam istilah web, hyperlink adalah referensi (sebuah alamat) ke sumber-sumber informasi lain di Internet.Hyperlink biasanya merujuk ke sebuah halaman HTML, sebuah gambar, file suara, movie, dll.Sedangkan anchor (bahasa Indonesianya Jangkar) adalah istilah yang digunakan untuk mendefinisikan tujuan hyperlink dalam sebuah dokumen.
Jadi gini, alamat halamannya ditunjukkan oleh hyperlink, sedangkan kalau di dalam dokumen itu ada bab 2, maka kita bisa langsung merujuk ke bab 2 tadi dengan bantuan anchor.
Untuk membuat hyperlink dan anchor kita menggunakan elemen HTML anchor <a>.
Dalam tutorial kali ini, kita akan menggunakan istilah link HTML saat elemen <a> merujuk ke sebuah halaman dan istilah anchor HTML saat element <a> tersebut merujuk ke sebuah alamat di dalam dokumen.

Bikin Link HTML

Sintaks Link:

<a href="/caramembuatwebsite/url">Teks Link</a>

Tag pembuka berisi atribut link tersebut.
Isi elemen (Teks link) mendefinisikan apa yang ingin anda tampilkan ke pengunjung.
Catatan: Isi elemen tidak harus berupa teks lho. Kamu juga bisa me-link dari sebuah gambar atau elemen HTML lainnya.

Atribut href

Atribut href adalah alamat yang akan dibuka saat seseorang mengklik link yang kita buat.
Elemen <a> ini mendefinisikan sebuah link yang akan menuju ke sebuah web site yang saya kelola juga yaitu kursus-online.com:

<a href="http://www.kursus-online.com/">Pengen belajar bikin web
 sambil Praktek sekalian bisa dapet duit?. Klik di sini aja!</a>

Kode tersebut akan ditampilkan seperti ini. Sok atuh dicoba klik biar kerasa. :)
Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!!

Atribut target

Atribut target sangat berguna bagi kita untuk mengatur halaman yang kita tuju itu akan dibuka di mana.
Kita bisa membukanya di halaman utama ini langsung atau membukanya di halaman baru saat seorang pengunjung mengklik link yang kita sediakan.
Berbeda dengan kode sebelumnya yang membuka web site kursus-online.com di jendela yang sama, kode ini akan membuka web site kursus-online.com pada sebuah jendela baru:

<a href="http://www.kursus-online.com/"
target="_blank"> Pengen belajar bikin web sambil Praktek sekalian 
bisa dapet duit?. Klik di sini aja!</a>

Sok di klik link di bawah ini biar tahu bedanya:
Pengen belajar bikin web sambil Praktek sekalian bisa dapet duit? Klik di sini aja!! 

Attribute name

Saat kita menggunakan atribut name, maka itu berarti kita mendefinisikan sebuah nama anchor yang berada di dalam sebuah halaman HTML.
Nama anchor tidak akan nampak di mata pengunjung. Itu hanya merupakan pendefinisian di sebuah halaman web aja.
Cara membuat sebuah anchor:

<a name="label">Apapun</a>

Nah, link yang menuju ke halaman itu bikinnya gini:

<a href="#label">Apapun</a>

Perhatikan tanda # yang mendefinisikan nama anchor

Contoh:
Sebuah anchor dalam dokumen HTML:

<a name="top">Ini bagian paling atas</a>

Sebuah link yang merujuk ke bagian paling atas dalam dokumen yang sama:

<a href="#top">Kembali ke atas</a>

Sebuah link yang menuju ke sebuah anchor di halaman web lain:

<a href="http://www.prothelon.com/mambo/contoh.htm#top">
Kembali ke halaman utama paling atas</a>

Nah, kalau mau lihat bagaimana sebuah link anchor bekerja, klik di sini untuk menuju ke bagian paling atas dari halaman ini.

Catatan penting dan tips yang pastinya akan berguna buat kamu

Ingat untuk selalu menambahkan garis miring di akhir sub folder link kita.
Jika link kita bentuknya seperti ini:
href="http://www.prothelon.com/mambo",
maka kamu akan membuat 2 buah permintaan http ke server, karena server akan menambahkan garis miring dan membuat alamat yang kita minta tadi menjadi seperti ini:
href="http://www.prothelon.com/mambo/"
Nah, dengan menambahkan garis miring di akhir sub folder, kita sudah menghemat resource di server.
Kamu bisa menggunakan Anchor untuk membuat daftar isi di awal sebuah dokumen yang panjang.
Kalau browser tidak bisa menemukan anchor yang kita tentukan, maka secara otomatis akan menuju ke bagian paling atas dari dokumen. Tanpa error.

Nah, itu adalah materi belajar HTML mengenai link.

Jika ingin mempelajari tutorial lainnya, silahkan klik link Tutorial Programming di menu utama sebelah kiri. 

Kalau bosen belajar cuman baca doang kaya gini, coba aja ke kursus-online.com. Di sana kamu bisa dapet materi yang sangat lengkap tentang bikin web, bisa belajar langsung praktek dengan metode 4 langkah mudah bisa bikin web, plus ada peluang belajar sambil dapet penghasilan tambahan.

Belajar HTML - Mengubah Tampilah Text

Buat kamu yang baru belajar HTML, mungkin penasaran bagaimana cara mengubah huruf menjadi tebal atau membuatnya menjadi miring. Tampilan huruf seperti ini sangat penting untuk dilakukan, mislanya pada saat kita perlu memberikan penekanan pada kata-kata tertentu yang kita anggap penting, pada umumnya kita menggunakan huruf tebal, atau pada saat menggunakan istilah asing, maka kita perlu membuatnya menjadi miring (atau istilah lainnya italic). Jika iya, maka tutorial HTML kali ini pas banget buat kamu. Gampang kok untuk mengubah tampilan huruf seperti itu.
Seperti yang sudah kamu ketahui dari tutorial elemen HTML ini, kamu pastinya udah tahu kalau HTML menggunakan tag untuk semua perintah yang dilakukannya. Nah, untuk mengubah tampilan dan format teks, HTML juga menggunakan tag-tag seperti <b> (untuk menebalkan huruf) dan <i> (untuk menampilkan huruf miring) untuk menampilkan teks atau huruf sesuai dengan kebutuhan kita.
Berikut beberapa tag untuk mengubah tampilan huruf yang sering digunakan:

Tag	Deskripsi
<b>	Menebalkan huruf
<i>	Menampilkan huruf miring
<big>	Menampilkan huruf dalam ukuran besar
<small>	Menampilkan huruf dalam ukuran kecil
<strong>	Mirip dengan <b>, menampilkan dengan tebal
<sub>	Subscript (Tulisan kecil di bawah, misalnya untuk menulis rumus kimia)
<sup>	Superscript (Yang ini kecil di atas, misalnya menulis kuadrat)
<u>	Menulis huruf bergaris bawah.

Bagaimana contoh pemakaiannya? Berikut ini contoh untuk menampilkan tulisan tebal dan miring:

<b><i>Tulisan ini tebal dan miring</i></b>

Mudah bukan? Selamat mencoba.

Belajar HTML - Paragraf

Menulis dokumen apapun pasti memerlukan paragraf. Mari kita lihat tag HTML yang digunakan untuk membuat sebuah paragraf yaitu tag

Kita menggunakan tag <p> untuk membuat sebuah paragraf baru.
Saat kita menggunakan tag ini, dia akan menambahkan sebuah baris kosong di atas dan di bawah teks paragraf yang kita tulis. Baris-baris kosong tersebut adalah baris yang menandakan sebuah paragraf dan memisahkan paragraf tersebut dari paragraf-paragraf yang lainnya.
Dan...tentu saja kita harus menutup paragraf kita dangan pasangannya yaitu tag </p>.
Contoh kode HTML:

<p>Ini adalah sebuah contoh paragraf yang panjang dan menarik, 
sehingga kalimat ini tidak ada isinya sama sekali. <p>

Kamu juga bisa melakukan proses perataan pada paragraf yang kamu bikin. Hal ini sangat mudah dilakukan, yaitu dengan menambahkan atribut HTML align.
Contoh tag di bawah ini akan membuat paragraf kamu rata kiri kanan.

<p align="justify">Ini adalah paragraf yang rata kanan dan rata kiri.</p>

Kamu bisa ganti-ganti isi atribut align tersebut dengan kata center untuk membuat paragraf menjadi di tengah, left rata kiri, dan right untuk rata kanan.

Pengenalah Komputer-1

Halo Prothelonians! Tulisan pengenalan komputer ini ditujukan buat kamu-kamu yang baru banget belajar komputer. So kalau kamu baru mulai belajar komputer, segera mulai dengan membaca tulisan ini. Semoga bermanfaat.

Tulisan Pengenalan komputer akan kita mulai dengan membahas fungsi-fungsi komputer dan aplikasiyang sering digunakan saat ini. Setelah kita akan membahas tentang bagian-bagian komputer yang utama serta penjelasan mengenai alat-alat lain yang biasa dihubungkan dengan komputer untuk membantu tugas manusia sehari-hari.

Nah, setelah itu tulisan pengenalan komputer akan kita akhiri dengan pembahasan komputer masa depan. Asik kan?

Prothelord yakin, kalau teman-teman sudah cukup familiar dengan benda yang namanya komputer dan mungkin sebagian bahkan sudah membongkar komputer yang Prothelonians miliki di rumah. Nah, untuk menambah pengetahuan kita, Prothelord akan mulai tulisan pengenalan komputer ini dengan fungsi dan aplikasi komputer yang umum dilakukan saat ini. Kita akan mulai pada bagian 2 seri tulisan Pengenalan komputer ini.

Salam hangat.

Nurul Ramuri

Belayar HTML - Tutorial HTML

Belajar HTML gratis, mudah dan menyenangkan di prothelon.com aja. Nah kita mulai ya. Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai belajar PHP. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu.

Saya bisa dengan singkat menjelaskan sabagai berikut. HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti CSS dan Javascript. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.

Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.

Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu.

Pengen belajar sambil praktek? klik di sini.

Siap? OK, kita akan mulai belajar HTML.

Pengenalan HTML

Apa yang dimkasud dengan file HTML?

- HTML merupakan kependekan dari Hyper Text markup Language

- Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup

- Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman

- File HTML harus memiliki ekstensi htm atau html

- File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai.

Pengen Nyoba Bikin?Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>
</html>

Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.

Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.

Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>.

Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).
Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu.
Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.
Nah, dengan penjelasan ini kamu mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah :). Mudah-mudahan.
Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya.
Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya tentang elemen HTML.
Check back soon for new tutorial.

Sejarah Komputer (bagian 4)

Nah, kita sudah melihat bagaimana sejarah konsep awal komputer dimulai. Dalam tulisan ini kita akan melihat sejarah komputer modern pertama diawali. Siap ? Time machine engage....

Sejarah Komputer Elektronik Pertama

Sejarah Komputer elektronik pertama dimulai oleh ENIAC (Electronic Numerical Integrator and Computer). ENIAC adalah komputer digital serbaguna yang dibuat pada tahun 1946 oleh J. Presper Eckert dan John Mauchly. ENIAC memiliki lebih dari 18.000 tabung hampa (yang digunakan sebagai pengganti switch mekanis pada mark I) dan 1000 kali lebih cepat dibanding Mark I. Dalam 20 detik, ENIAC dapat melakukan perhitungan matematis yang sebenarnya memerlukan waktu penyelesaian 40 jam jika dilakukan secara manual oleh kita. ENIAC dibuat saat Perang Dunia II dan tugas pertamanya adalah menghitung kelayakan sebuah desain bom Hidrogen. ENIAC adalah komputer sepanjang 100 kaki dengan ketinggian 100 kaki.

Sejarah Komputer Modern lainnya

Dalam sejarahnya, sebuah komputer modern diawali dengan pengembangan penulisan kode biner yang dilakukan oleh John von Neumann. Dialah yang memulai praktek penyimpanan data dan instruksi dalam kode biner dan mengawali menggunaan memori untuk menyimpan data dan program. Sebuah komputer yang bernama EDVAC (Electronic Dicrete Variable Computer) dibuat menggunakan kode biner pada tahun 1950. Sebelum EDVAC, komputer seeprti ENIAC hanya dapat melakukan satu tugas dan kemudian harus diubah susunan kabelnya untuk melakukan tugas atau program yang lain. Konsep penyimpanan beberapa program pada kartu lubang EDVAC sebagai pengganti proses perubahan perkabelan mengarah pada komputer yang kita kenal saat ini.

Perlu diingat bahwa meskipun komputer modern saat ini jauh lebih cepat dan lebih baik dibandingkan EDVAC pada masanya, namun komputer tersebut tidak mungkin ada tanpa pengetahuan dan kerja keras dari banyak penemu dan pionir. Jadi jangan sampai melupakan sejarah ya J.

Ok. Sampai di sini dulu perjalanan mesin waktu kita menjelajahi Sejarah Komputer.

Tulisan berikutnya akan bercerita tentang Perkembangan Komputer Masa Depan. Chek it out!

Setelah kamu ngerti tentang sejarah komputer, ada baiknya kalau kamu meningkatkan kemampuan kamu di bidang komputer dengan mempelajari berbagai bahasa pemrograman terutama yang terkait dengan internet alias pemrograman web. Saya sarankan agar kamu baca juga berbagai tutorial menarik tentang bahasa pemrograman seperti PHP, HTML, MySQL dan VB. Tentu saja masih di prothelon.com ini. Ndak usah ke mana-mana.

Kamu juga bisa baca tulisan menarik tentang Fungsi dan Aplikasi Komputer, yang akan menambah wawasan kamu tentang komputer dan lebih siap menghadapi guru ato dosen kamu di sekolah.

Jika kamu pikir artikel di sini menarik, sebarkan sama temen-temen kamu atau pasang link ke sini dari web site kamu atau copy aja tulisan ini dan jadilah Prothelonians sejati yang ikut serta membangun IT Indonesia.

Semoga bermanfaat.

Sejarah Komputer (bagian 3)

Sejarah komputer kita berlanjut, dan mesin waktu kita putar menuju ke tahun 1830, saat bapak Komputer menemukan konsep komputer modern. Siap…berangkat.

Langkah besar perkembangan dalam sejarah komputer berikutnya terjadi pada tahun 1830 saat Charles Babbage memutuskan untuk mengembangkan mesin yang dapat membantunya menyelesaikan dan mencetak tabel matematis. Babbage adalah seorang ahli matematika yang mengajar di Universitas Cambridge Inggris. Dia mulai merencanakan mesin penghitung yang disebutnya dengan Mesin Analitikal. Ide mesin tersebut secara menakjubkan sangat mirip dengan komputer yang kita ketahui hari ini. Sistem kerjanya adalah membaca dari kartu lubang (punch card), menghitung dan menyimpan jawaban dari berbagai masalah kemudian mencetak jawabannya pada kertas. Babbage meninggal sebelum menyelesaikan mesinnya. Namun demikian, karena ide hebat dan apa yang sudah dilakukan, Babbage dikenal sebagai Bapak Komputer.

Langkah besar berikutnya bagi perkembangan dalam sejarah komputer tiba saat Herman Hollerith mengikuti kontes yang diadakan oleh biro sensus Amerika. Kontes tersebut diselenggarakan untuk mencari orang yang dapat mengembangkan mesin untuk menghitung dan mencatat informasi dengan lebih cepat. Hollerith, seorang pemuda yang bekerja di biro itu membuat sebuah mesin yang dikenal sebagai Mesin Tabulasi yang memaca dan mengurutkan data dari kartu lubang. Lubang-lubang dalam kartu tersebut sesuai dengan jawaban orang atas pertanyaan yang diajukan misalnya menikah, belum menikah dan cerai. Tabulator membaca setiap kartu luang saat mereka melalui sikat kecil. Setiap kali sebuah sikat menemukan sebuah lubang, dia mengerjakan sebuah sirkit elektronik. Hal ini akan menyebabkan sistem penghitung khusus menambah data atas jawaban tersebut.

Berkat alatnya itu, proses penghitungan sensus yang semula memerlukan waktu 7,5 tahun dapat dipersingkat menjadi hanya 3 tahun saja. Bahkan dengan 13 juta responden yang ada saat itu. Melihat keberhasilan temuannya, Hollerith mendirikan sebuah perusahaan Mesin Tabulasi tahun 1896 yang kemudian dijualnya pada tahun 1911. Pada tahun 1912, perusahaan tersebut berganti nama menjadi International Busines Machine atau yang sekarang lebih ngetop dengan nama IBM.

Nah, mesin waktu kita sudah menempuh perjalanan sampai awal tahun 1900. Kita sudah mengetahui tentang asal usul Bahasa Pascal, dan salah satu perusahaan besar di bidang komputer yaitu IBM. Pada tulisan berikutnya, kita akan melihat perkembangan sejarah komputer elektrik pertama.