Senin, 30 April 2012

Cara membuat link di HTML

pada artikel-artikel sebelumnya saya sudah membahas tentang dasar-dasar dari html, tentang html,head,body, cara membuat web sederhana dan lain-lain

pada kesempatan ini saya akan membahas tentang link dalam HTML, link berfungsi untuk menghubungkan suatu halaman dengan halaman yang lain, pada link ini anda bisa juga menggunakannya untuk mengirim data yang nanti akan di gunakan dalam PHP, fungsi link ini banyak sekali dan sangat penting dalam html. agar lebih jelas silahkan lihat contoh link di bawah ini:



Contoh :

4algo.blogspot.com

Nah ketika anda mengklik link di atas anda akan terkirim ke alamat halaman yang ada pada link tersebut, didalam web browser sendiri secara default tampilan link akan :

- Link yang belum dikunjungi = Underline + Berwarna Biru
- Link yang sudah dikunjungi = Underline + Berwarna Ungu
- Link yang sedang aktif = Underline + Berwarna Merah

tentu saja seting default ini bisa di rubah, untuk merubahnya anda bisa menggunakan attribut atau menggunakan style, tetapi lebih di rekomendasikan menggunakan style karena akan membuat link tersebut tampak lebih menarik

Penulisan Code Link pada HTML adalah :

<a href='www.4algo.blogspot.com'>4algo.blospot.com</a>

tag link ini di tempatkan di dalam tag body.

Contoh :

<html>
<head>
<title>cara membuat link di html</title>
</head>
<body>
<a href='www.4algo.blogspot.com'>4algo.blospot.com</a>
</body>
</html>

Mudah bukan... untuk mempercantik link dalam html akan di bahas di lain waktu.
Read more

Selasa, 24 April 2012

Tag Body HTML

Sekarang Saya akan membahas tentang tag pada html yaitu "BODY" di artikel-artikel sebelumnya di jelaskan bahwa tag "BODY" adalah tag yang di dalamnya ditempatkan seluruh content dari website anda,

Format dari tag body sendiri adalah

<body></body>

di antara bagian <body> dan </body> inilah anda akan meletakan tag-tag lain yang akan di baca oleh web brower dan akan di tampilkan di layar.

sebenarnya tag body sendiri bisa lebih di buat lebih komplek dengan menambahkan kode-kode tertentu, para web programer profesional biasa menggunakan CSS atau Javascript untuk mengubahnya menjadi lebih menarik, tetapi sekarang saya hanya akan membahas bagian HTML nya saja

seperti yang sudah di jelaskan di atas bahwa tag body pada dasarnya berformat <body></body> tetapi sebenarnya anda bisa menambahkan kode lain yang bernama "Atribute" pada tag HTML

Contoh :

<BODY BGCOLOR=white TEXT=black LINK=blue ALINK=green VLINK=red> </BODY>

kode-kode sepert BGColor, text, link itulah yang di namakan atribute, atribute adalah tambahan setting pada tag dasar html dan "=white","=black","=blue" itu dinamakan Value, dan juga sedikit saran ketika anda memaskan nilai value harap menambahkan tanda ' ' contoh bgcolor='white' karena ini akan mempengaruhi ketika anda mengunkaan PHP

Atribute dalam HTML di bagi menjadi 3 dan di bawah ini adalah atribute-atribute yang bisa anda tambahkan pada tag BODY yaitu : , untuk penjelasan lebih jelas silahkan klik Atribute HTML

A. Optional Atribute

- alink = warna untuk link yang aktif
- background = membuat backround website menjadi gambar
- link = warna link default
- text = warna default pada seluruh text di website anda
- vlink = warna untuk link yang sudah di kunjungi

B. Standar Atribute

- class = memberikan class pada tag (di hubungkan pada javascript atau css)
- dir = memberikan text direction pada tag
- id = sama sperti class hanya tingkatannya lebih tinggi (di hubungkan pada javascript atau css)
- lang = memberikan spesifikasi bahasa pemrograman pada tag
- style = kode style sama seperti css, dan css adalah kumpulan style-style yang di jadikan file
- title = memberikan informasi tambahan pada tag
- xml:lang = memberikan spesifikasi bahasa pemrograman pada tag, di XHTML dokumen

C. Event Atribute

onclick = Script akan di jalankan ketika mouse mengklik
ondblclick = Script akan di jalankan ketika mouse double klik
onload script = Script akan di jalankan ketika dokumen di load
onmousedown = Script akan di jalankan ketika tombol mouse di tekan
onmousemove = Script akan di jalankan ketika mouse di gerakan script Script to be run when mouse pointer moves STF
onmouseout = Script akan di jalankan ketika pointer keluar dari element
onmouseover = Script akan di jalankan ketika pointer menyentuh element
onmouseup = Script akan di jalankan ketika tombol mouse di teken kemudian di lepas
onkeydown = Script akan di jalankan ketika keyboard di tekan
onkeypress = Script akan di jalankan ketika keyboard di tekan kemudian di lepas
onkeyup = Script akan di jalankan ketika tombol keyboar di lepas
onunload = Script akan di jalankan ketika dokumen di unload
Mudah bukan.... semoga bermanfaat
Read more

Sabtu, 21 April 2012

Tag Meta HTML


Seperti yang sudah saya jelaskan sebelumya, pada artikel-artikel sebelumnya Membuat Web Sederhana, Apa itu tag html, di jelaskan bahwa html itu di bagi menjadi 2 bagian besar, "HEAD" dan "BODY", "HEAD" di gunakaan memberikan informasi, dan "BODY" untuk isi web anda.

Tag-tag yang ada pada elemen "HEAD" tidak akan di tampilkan di web browser, tetapi tag-tag pada elemen ini berfungsi untuk memberikan informasi tentang halaman website anda

Pada elemen "HEAD" ada beberapa tag yang bisa digunakan, tetapi kita tidak membahas semua tapi hanya tag-tag yang penting saja, sampai sekarang tag meta masih di pakai untuk meningkatkan SEO (search engine optimization) suatu website, ada 3 tag yang cukup penting yaitu:

1. Tag Meta Author

tag "META AUTHOR" ini berfungsi untuk memberikan informasi tentang penulis isi content web anda, Contoh tag meta author :

<meta name="Author" content="Nama perancang ">

2. Tag Meta Description

Tag "META DESCRIPTION" ini di gunakan untuk mendekripsikan website anda pada mesin pencari, tag ini akan berfungsi saat anda menggunakan search engine yang mengindex website anda secara otomatis, nah search engine itu akan mencari tag deskripsi ini di website anda.

Contoh tag meta description :

<meta name="Description" content="Deskripsi website ">

3. Tag Meta Keyword

tag "META KEYWORD" ini akan berfungsi jika ada search engine yang bertipe auto robot yang secara otomatis akan mencari kata-kata di website anda melalui tag ini dan di simpan di database mereka, dan jika ada seseorang menggunakaan search engine tersebut kemudia memasukan "keyword" yang sama seperti tag meta keyword yang ada di website anda maka nama website anda akan termasuk dalam salah satu hasil pencarian.

Contoh tag meta keyword :

<meta name="Keywords" content="keyword website anda">

Pada intinya tag meta ini di gunakaan untuk meningkatkan SEO kita di search engine, SEO ini sangat penting karena sangat berpengaruh terhadap banyaknya pengunjung website kita nanti

Di bawah ini contoh script meletakan tag meta di website anda
<html>
<head>
<title>Halamanku</title>
<meta name="Author" content="Nama Perancang">
<meta name="Description" content="Deskripsi Website">
<meta name="Keywords" content="Keyword Website Anda">
</head>
<body>
contoh Tag Meta
</body>
</html>

Di artikel selanjutnya kita akan membahas tentang "TAG BODY" silakan klik Tag Body HTML
Read more

Selasa, 17 April 2012

Membuat Web Sederhana


Sebelumnya saya sudah membahas tentang apa itu HTML, dan apa itu tag HTML, di artikel kali ini saya akan menjelaskan bagaimana cara membuat sebuah website sederhana yang di jalankan di komputer pribadi (belum online).

Membuat Sebuah Tampilan Web Sederhana

Seperti yang sudah saya jelaskan di artikel-artikel sebelumnya bahwa sebuah halaman web menggunakan standar HTML tertentu, dan saat ini standar terakhirnya adalah HTML 5.0

Pada dasarnya HTML di bagi menjadi 2 bagian besar, yang pertama adalah bagian "Head" dan "Body", di bagian "Head" ini kita bisa menambahkan script-script tambahan seperti css,javascript, dll, yang tidak akan di tampilkan, dan "Body" berfungsi untuk memberikan informasi-informasi yang akan di tampilkan di web browser

Langsung saja kita mencoba membuat sebuah website sederhana:

1. Buka Notepad anda atau aplikasi lain yang bisa di pakai menulis. di aplikasi inilah anda akan menulis code-code yang akan menjadi sebuah halaman website, bagi para web developer profesional biasanya mereka menggunakan software khusus untuk mempermudah pekerjaan mereka karena code yang mereka buat buka 10 - 20 baris melainkan bisa mencapai ribuan baris.

2. Jika anda sudah membuka notepad, sekarang silahkan tulis kode html sederhana di bawah ini

<html>
<head>
<title>Halaman sederhana...</title>
<!-- bagian header berisi informasi tambaha yang
menjelaskan dokumen ini dan
tidak ditampilkan -->
</head>

<body>

<!-- semua instruksi untuk mengatur tampilan -->

<h3> Halaman web sederhana... </h3>
</body>
</html>

3. Kemudia save file tersebut dengan nama "latihan1.html" dan kemudian klik 2 kali file html tersebut untuk membukanya. dan akan tampil



- <title>Halaman sederhana...</title> : lihat bagian atas fungsi title ini untuk memberikan judul di bagian tab web browser, untuk "SEO" hal ini sangat lah penting - <h3> Halaman web sederhana... </h3> : kode inilah yang menyebabkan tulisan "Halaman web sederhana" terlihat lebih besar, coba anda rubah "h3" menjadi "h1" atau "h2" - Seperti yang sudah saya jelaskan di artikel sebelumnya bahwa fil html selalu di mulai dengan <html> dan di tutup dengan </html> Mudah bukan?? yang perlu anda lakukan sekarang adalah mencari tahu lebih jauh lagi tentang tag-tag html, yang nanti akan saya ajarkan di artikel selanjutnya.
Read more

Senin, 16 April 2012

Apa itu tag HTML


Sebelumnya di artikel sebelumnya "Apa itu HTML" saya sudah menjelaskan tentang apa itu HTML, dan saya juga sudah menyinggung tentang tag html, di artikel ini saya akan membahas tentang "Apa itu tag HTML".

di saat sebuah browser (mozilla,dll) menampilkan sebuah halaman web, misalnya 4algo.blogspot.com, yang browser tersebut baca atau terjemahkan adalah kode-kode spesial yang biasa disebut "tag HTML" yang di tandai dengan tanda"<" dan ">"

tag HTML pada umumnya di buat secara berpasangan, terdapat tag pembuka dan tag penutup, namun aja juga yang tidak memiliki tag penutup, nanti akan di jelaskan di artikel selanjutnya.

Format umum tag HTML adalah :

<nama_tag> content / isi </nama_tag>

Contohnya :

<h1> 4algo.blogspot.com </h1>

apa itu tag "H1", tag inilah yang akan di baca oleh browser, yang nanti akan menampikan text "4algo.blogspot.com" dengan tanda header lv 1, tag html dapat menginstruksikan web browser untuk menebalkan, memiringkan,dll dan untuk desainnya anda bisa menggunakan "CSS" untuk memperindah tampilan web atau pun "Javascript" yang nanti akan saya bahas.

seperti yang sudah saya jelaskan di atas bahwa pada umumnya tag html mempunyai tag penutup, nah tag penutup nya ini wajib di berikan tanda "/" untuk menginformasikan bahwa proses tagging berhenti kepada web browser, jika anda lupa memberikan tag penutup maka web browser akan terus semua isi web dengan format tag yang lupa di tutup tadi, dan website yang anda buat tidak akan menjadi seperti yang di harapkan

penulisan tag html sendiri tidak memperhatikan penggunaan besar kecilnya huruf (case in-sensitive), dan akan menampilakan tampilan yang sama, tidak seperti di beberapa bahasa pemrograman yang lain (VB , JAVA) yang memperhatikan besar kecilnya huruf yang bahkan bisa menyebabkan komputer hang, namun kesalahan di html hanya akan berpengaruh pada tampilan web saja.

web browser memang sengaja di rancang hanya mengenali dan menampilkan beberapa tag saja dari keseluruhan standar tag "W3C" bila ada tag html yang tidak diketahui oleh web browser maka tag tersebut akan di abaikan dan di anggap tidak ada.

Contoh :

<tag_tak_terbaca><h1> 4algo.blogspot.com </h1></tag_tak_terbaca>

maka data yang akan terbaca oleh web browser hanya "h1" dan tag "tag_tak_terbaca" akan diabaikan oleh web browser.

apakah anda sudah paham "apa itu tag html", jika sudah silahkan tinggalkan komentar untuk kritik dan sarannya.
Read more

Minggu, 15 April 2012

Apa itu HTML


Website... mungkin kita semua pernah mengdengar kata-kata itu, website itu adalah sebuah situs yang dapat di akses dan memberikan data/inforamsi kepada kita, misalnya saja seperti 4algo.blogspot.com, tapi apakah kita pernah memikirkan apakah sebenarnya website itu, dari apa terbuatnya, saya akan menjelaskan kepada anda apa bahan dasar pembuatan website.

ada banyak cara untuk membuat sebuah website, bisa menggunakan sebuah mesin pembuat web yang secara otomatis akan membuat web seperti apa yang anda rancang, atau anda juga bisa membuat website tersebut dengan melakukan "Coding" sendiri terutama bagi yang ingin membuat website yang complex.

Sekarang saya akan menjelaskan kepada anda bagaimana car membuat sebuah website yang baik dan benar, tentunya dari hal yang paling dasar dan terperinci.

HTML (Hypertext marksup languange)

Apa itu HTML, html adalah sebuah file text yang berisi "script/code" yang akan di terjemahkan oleh browser (mozilla,opera) dan akan menampilkan suatu tampilan grafik dari tag / code yang anda buat tersebut. File HTML dapat di buat di segala aplikasi text editor (word, notepad, wordpad) asalkan ketika menyimpan extensinya (.doc , .xls) nya di ubah menjadi (.html)

kelebihan lain dari html ini adalah "cross platform, yang berarti file html dapat ditampilkan di beberapa Operating System (OS) yang berbeda, dan memiliki tampilan yang sama. Dasar penyusunan code pada sebuah website bisa menggunakan "HTML , JSP (Bahasa Java) , XML , dll" tapi untuk anda yang masih pemula di sarankan untuk mempelajari html terlebih dahulu

seperti yang sudah saya jelaskan di atas bahwa html tersusun dari berbagai code, yang nanti akan saya jelaskan di artikel selanjutnya, code-code tersebut di beri nama "tag" misalnya"<Body></Body>" Bagaimana sudah mendapat banyangan apa itu website?? Selanjutnya saya akan membahas Cara Membuat Title Website silahkan Klik Di Cara Membuat Title Website
Read more