Attribute Name dan id sebagai Link

Hyperlink (Link) tak hanya dapat menghubungkan sebuah dokumen html di halaman web/blog dengan dokumen html yang lain pada halaman berbeda (baik di blog/web yang sama atau berbeda), namun bisa juga digunakan untuk menghubungkan antar dokumen dalam satu halaman yang sama. Menggunakan link untuk tujuan seperti ini dapat dimanfaatkan untuk berpindah dari satu bagian ke bagian yang lain (misalnya perpindahan antar paragraf, top - bagian teratas halaman, atau ke bottom - bagian terbawah halaman).

Attribute Name

Menggabungkan/Combining Image & Text Links

Menggunakan image link dan text link secara bersamaan memang jarang digunakan karena sebenarnya sebuah link bisa dibuat dalam bentuk image link atau text link, namun demikian mungkin saja pada kasus tertentu image link dan text link dirasakan perlu digunakan seara bersamaan dengan tujuan tertentu. Menggabungkan keduanya perlu menambahkan tag lain selain tag "a" agar image dan text links ditampilkan dengan cukup menarik. Anda bisa memanfaatkan tag "p", tag "div", tag "h1 s/d h6", tag "span" atau tag yang lain.

Kode dasar gabungan text link & image link

<a href="URL" title="Link title here!">
<img src="image.jpg" width="xx" height="xx" style="xx" />
Text Link here
</a>

Image Link - An image as a link

Membuat image sebagai link memang bisa dilakukan secara langsung menggunakan xHTML, namun demikian akan lebih praktis dan memudahkan blogger apabila "image link" tertentu dibuat dengan menggunakan bantuan kode css sehingga kode html yang digunakan menjadi lebih sederhana. Hal-hal seperti inilah yang membuat "arti pentingnya belajar css" untuk mendukung aktifitas ngeblog/blogging/posting.

Kode dasar membuat image sebagai link

<a href="URL" title="Link title here!"><img src="image.jpg" alt="text here" width="xx" height="xx" /></a>

Text Link - Using a text as a link

Belajar kode css memang tak ada habisnya, apalagi kini css sudah semakin jauh berkembang hingga css3 yang mampu membuat banyak fungsi baru yang jauh lebih menakjubkan karena mampu menggantikan beberapa peran javascript. Kemajuan baru kode css yang terus dipacu tak lepas dari upaya membuat kode css sebagai basis utama pengembangan desain blog/web. Perkembangan yang terakhir dari css3, bahkan sudah sampai pada titik dimana berbagai efek animasi dan 3 dimensi dalam berbagai rupa dapat diciptakan hingga blog/web semakin terlihat atraktif. Browser-browser besar juga saling berlomba untuk sesegera mungkin dapat mendukung penuh perkembangan yang terjadi pada kode css3. Sekalipun detik ini css3 begitu terasa dominan perannya, namun karena setiap perkembangan yang terjadi pada kode css adalah saling melengkapi, maka mempelajari css2 dan css tetap menjadi dasar untuk memahami dan membangun desain web/blog. Salah satu yang perlu kita ketahui adalah cara membuat text link (membuat teks sebagai link).

HTML Links

HTML links dikenal juga sebagai html "a" tags (tag "a") karena untuk membangun tag yang berfungsi sebagai hyperlink (link) digunakan tag "a". HTML links berfungsi untuk menghubungkan sebuah dokumen ke dokumen yang lain, dimana dokumen yang lain (baru) dapat berupa dokumen yang berada di dalam web/blog atau berada diluar blog (di blog/web lain). Dokumen baru dapat berupa teks, image, sekelompok teks atau image atau bisa juga gabungan teks, image dan unsur lainnya.

Bentuk link dalam kode html

CSS Styling Link

CSS styling link selalu menjadi kode yang dipastikan "selalu ada" dalam desain web/blog. Kode ini sangat penting dan selalu ditempatkan di bagian atas pada susunan kode css. Biasanya berada tak jauh dari syntax body. Penggunaan css styling link tak lepas dari 'digunakannya kode html tag "a" (html "a" tag) yang berfungsi untuk membuat link. Link sendiri berfungsi untuk membuat suatu hubungan dengan blog/web lain atau bisa juga dengan satu atau beberapa bagian didalam web/blog itu sendiri. HTML tag "a" dapat dengan mudah dikenali melalui berbagai ciri/tanda: