Cara Membuat Tautan Yang Indah

Daftar Isi:

Cara Membuat Tautan Yang Indah
Cara Membuat Tautan Yang Indah

Video: Cara Membuat Tautan Yang Indah

Video: Cara Membuat Tautan Yang Indah
Video: Cara Membuat Tautan Pendek 2024, Mungkin
Anonim

Link secara signifikan mempengaruhi tampilan halaman web. Baik itu situs web atau blog Anda, tautan yang disesuaikan dengan indah akan mengubah desain situs web Anda menjadi lebih baik. Bahkan tanpa pengetahuan tentang html dan css, membuat tautan yang bagus cukup mudah.

Cara membuat tautan yang indah
Cara membuat tautan yang indah

instruksi

Langkah 1

Pertama-tama, mari kita buat tautan biasa. Ini dilakukan dengan menggunakan kode berikut: nama tautan. Dalam kode ini, tag adalah tautan. Atribut "href"-nya menunjukkan alamat halaman yang dituju oleh tautan tersebut. Alih-alih "judul tautan" tulis kata atau frasa yang akan mewakili tautan

Anda juga dapat menambahkan teks yang akan muncul ketika Anda mengklik tautan. Atribut "title" dari tag akan membantu Anda dalam hal ini.

Langkah 2

Sekarang mari kita turun ke menghubungkan. Cara termudah untuk melakukannya adalah dalam cascading style sheets (css). Buka file yang berisi gaya untuk situs Anda dan tulis kode lebih lanjut di sana. Atau, Anda dapat menyisipkan gaya langsung ke halaman html. Untuk melakukannya, gunakan kode kustomisasi gaya situs.

Langkah 3

Mari kita turun ke desain. Sintaks untuk entri akan menjadi {parameter gaya}. Apa yang harus saya tulis di sini?

Pertama, ubah warna tautan sesuai keinginan Anda. Kode ini akan membantu Anda dalam hal ini:

a {warna: #000000;}. Tentu saja, alih-alih "# 00000" Anda harus memasukkan warna Anda sendiri. Anda dapat mengetahui kode warna dalam formulir ini di berbagai program grafik (misalnya, di Photoshop) atau menemukan palet web.

Langkah 4

Secara default, browser membuat tautan digarisbawahi. Ini dapat dibatalkan dengan kode berikut: a {text-decoration: none;}

Untuk membuat tautan tebal, gunakan parameter font-weight: bold;. Itu dimasukkan ke dalam kode gaya dengan cara yang sama seperti warna, garis bawah.

Langkah 5

Anda mungkin memperhatikan bahwa di beberapa situs, saat Anda mengarahkan kursor ke tautan, tampilannya berubah. Anda juga bisa melakukan ini. Kode seperti ini akan membantu Anda: a: mengarahkan {style parameter}. Parameter ditentukan dengan cara yang sama seperti untuk tautan biasa, satu-satunya nilai adalah kelas semu "arahkan", yang memberi tahu browser bahwa pengaturan ini harus diterapkan saat mengarahkan kursor ke tautan.

Demikian pula, Anda dapat menyorot tautan yang dikunjungi: a: mengunjungi {parameter gaya}

Direkomendasikan: