E-mail link adalah link yang berisi alamat e-mail, bukan alamat dokumen HTML – atau halaman [...]]]> Menampilkan Link Email

Selain link yang dibuat untuk menuju ke halaman web tertentu, kita juga bisa membuat link email, dimana link tersebut kalau di klik menuju ke suatu alamat email.  Sekarang, kita akan belajar membuat link email.

E-mail link adalah link yang berisi alamat e-mail, bukan alamat dokumen HTML – atau halaman web – tertentu.

Cara membuat link email  mudah sekali, ini caranya :

<a href=”mailto:alamat_email”>teks atau objek lain</a>

Kita juga bisa mengganti Dan teks dengan kata atau kalimat apa saja, bahkan gambar/image pun bisa. Asalkan gambar/image tersebut ada hubungannya dengan link email.

Berikut adalah sebuah contoh e-mail link:

<a href=”mailto:aniati@ayobelajarwebsite.com”>Kirim e-mail ke ayobelajarwebsite</a>

Jika kata “ Kirim e-mail ke ayobelajarwebsite diklik, maka akan terbuka sebuah window e-mail baru. Alamat email aniati@ayobelajarwebsite akan tercantum disana secara otomatis.

Anda juga bisa membuat agar isian Subject: pun terisi otomatis. Caranya, Anda tinggal menambahkan tag berikut ini setelah alamat emailnya:

?subject=teks

Contoh:

<a href=”mailto:aniati@ayobelajarwebsite.com?subject=Selamat datang di web kami Ayobelajarwebsite”>Kirim e-mail ke ayobelajarwebsite</a>

Catatan:

Hati-hati ketika mencantumkan alamat email pada halaman web, sebab alamat email akan ditemukan sebagai spammer, karena itu harus dilindungi dengan cara pakai kode javascript atau ditampilkan dalam bentuk teks lain, image atau gambar. Kalau mau tetap ditulis alamat emailnya, harus ditulis dengan cara yang agak berbeda, contoh : Aniati[at]ayobelajarwebsite.com

Informasi mengenai Frontpage dan kode HTML

<img src=”alamat URL dari gambar tersebut”>

JPG, GIF, PNG dan SWF (flash) adalah format gambar yang boleh ditampilkan di web. Kode HTML untuk gambar atau image tidak membutuhkan tag penutup.

Kode Tambahan

Ada beberapa kode html tambahan untuk mempercantik tampilan gambar.

Membuat Link

Link atau hyperlink adalah teks atau gambar atau unsur apapun, yang bila diklik akan membawa kita ke halaman web lain.

Cara membuat link adalah sebagai berikut :

<a href=”Alamat URL atau alamat link”>teks atau gambar atau apapun yang akan diberi link</a>

Sebagai contoh:

Saya menulis artikel, di dalamnya ada link menuju “affiliate link AB” [...]]]> Kode-kode HTML

Membuat Link

Link atau hyperlink adalah teks atau gambar atau unsur apapun, yang bila diklik akan membawa kita ke halaman web lain.

Cara membuat link adalah sebagai berikut :

<a href=”Alamat URL atau alamat link”>teks atau gambar atau apapun yang akan diberi link</a>

Sebagai contoh:

Saya menulis artikel, di dalamnya ada link menuju “affiliate link AB” saya.

Cara membuatnya (Ini hanya contoh kalimat):

“Saya sudah beberapa bulan ini bergabung dengan <a href=”http://www.asianbrain.com/index.php?aff_code=185390″>Asian Brain</a>

Maka, di halaman web, nanti akan terlihat seperti ini:

“Saya sudah beberapa bulan ini bergabung dengan Asian Brain“

Nah, bagian yang diberi warna biru (teks atau gambar atau apapun yang akan diberi link) bisa diisi dengan teks, gambar, atau apapun.

Bagaimana caranya agar link itu terbuka dengan jendela baru?

Kita tambahkan saja tag berikut ini di dalam kode HTML tersebut : target=”_blank”  atau target=”new”

Berikut adalah kode lengkapnya (agar lebih mudah, dibuat dalam bentuk perbandingan ya….)

Kode HTML sebelum ditambahkan target=”_blank”:

“Saya sudah beberapa bulan ini bergabung dengan <a href=”http://www.asianbrain.com/index.php?aff_code=185390″>Asian Brain</a>

Kode HTML setelah ditambahkan target=”_blank”:

“Saya sudah beberapa bulan ini bergabung dengan <a href=”http://www.asianbrain.com/index.php?aff_code=185390″ target=”_blank”>Asian Brain</a>

Pelajari juga cara membuat website dengan Frontpage

Belajar HTML

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). HTML adalah suatu standar bahasa program yang digunakan untuk membuat sebuah [...]]]> Kode Dasar HTML

Langkah pertama bagi Anda yang ingin memiliki website sendiri adalah belajar HTML. Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

Belajar HTML

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). HTML adalah suatu standar bahasa program yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.

Ini dia kode-kode dasar tersebut:

1.   <html>     </html>

2.   <head>    </head>

3.   <title>     </title>

4.   <body>   </body>

Agar lebih jelas akan saya jelaskan satu per satu, berikut penjelasannya:

1. <html> adalah kode yang terdapat di bagian atas halaman web. Tag penutup dari <html> adalah </html>

2. <head> Semua kode yang diletakkan di antara tag <head> dan </head> tidak akan terlihat di halaman web. Di bagian Head ini, kita bisa melakukan berbagai macam pengaturan, seperti:

- meletakkan kode javascript

- meletakkan kode css

- meletakkan meta tag

- dan lain-lain

3. <title> adalah tag untuk meletakkan Judul halaman web. Ingat, judul halaman web tidak sama dengan nama file.

4. <body> adalah tempat dimana pengunjung dapat melihatnya. Apa saja yang ingin kita sampaikan ke pengunjung disinilah tempatnya. Kalau kode-kode yang lain pengunjung tidak dapat melihatnya.

Rumus penting di dalam kode HTML:

Dalam pembuatan kode HTML, berlaku rumus “first come, last out”.

Maksudnya, kode yang pertama kali dimasukkan, maka dia harus terakhir kali ditulis.

Membuat huruf tebal, miring, bergaris bawah, dan efek dicoret

1.<b> adalah kode untuk membuat huruf tebal

==>> sekarang ada yang baru, membuat huruf tebal disarankan pakai tag <strong>

2. <i> adalah kode untuk membuat huruf miring

==>> sekarang ada yang baru, membuat huruf miring disarankan pakai tag </em>

3. <u> untuk membuat huruf bergaris bawah

4. <strike> untuk membuat huruf dengan efek dicoret

Misalkan kita hendak membuat huruf miring sekaligus tebal

Cara Yang Benar :

<b><i> ini huruf miring dan tebal <i><b>

atau:

<i><b> ini huruf miring dan tebal <b><i>

Cara Yang Salah :

<b><i> ini huruf miring dan tebal <b><i>

yang ini juga salah:

<i><b> ini huruf miring dan tebal <i><b>

Ingat !!!

Semua kode ini diletakkan di antara tag <body> dan </body>.

Kenapa? Sebab format huruf ini akan terlihat oleh pengunjung di halaman web kita nantinya.

Semua kode ini harus pakai tag penutup. Bila tidak ada tag penutup, maka halaman web akan kacau.

Bila anda menggunakan lebih dari satu tag, ingatlah selalu rumus:

“first come, last out”

Pelajari juga bagaimana cara membuat table dan hyperlink di Frontpage