Cara Membuat Pautan Yang Indah

Isi kandungan:

Cara Membuat Pautan Yang Indah
Cara Membuat Pautan Yang Indah

Video: Cara Membuat Pautan Yang Indah

Video: Cara Membuat Pautan Yang Indah
Video: CARA MENAMBAHKAN BANYAK LINK DI BIO TIKTOK DAN INSTAGRAM 2024, November
Anonim

Pautan sangat mempengaruhi penampilan laman web. Sama ada laman web atau blog anda, pautan yang disesuaikan dengan baik akan mengubah reka bentuk laman web anda menjadi lebih baik. Walaupun tanpa pengetahuan mengenai html dan css, membuat pautan yang baik adalah sangat mudah.

Cara membuat pautan yang indah
Cara membuat pautan yang indah

Arahan

Langkah 1

Pertama sekali, mari buat pautan biasa. Ini dilakukan dengan menggunakan kod berikut: nama pautan. Dalam kod ini, teg adalah pautan. Atribut "href" menunjukkan alamat halaman yang menuju ke pautan. Daripada "tajuk pautan" tulis perkataan atau frasa yang akan mewakili pautan itu

Anda juga dapat menambahkan teks yang akan muncul ketika anda mengklik pada pautan. Atribut "title" pada tag akan membantu anda dalam hal ini.

Langkah 2

Sekarang mari kita turun ke pautan. Cara termudah untuk melakukan ini adalah dengan cascading style sheet (css). Buka fail yang mengandungi gaya untuk laman web anda dan tulis kod selanjutnya di sana. Sebagai alternatif, anda boleh memasukkan gaya terus ke halaman html. Untuk melakukan ini, gunakan kod penyesuaian gaya laman web.

Langkah 3

Mari turun ke rancangan. Sintaks untuk entri adalah {parameter gaya}. Apa yang perlu saya tulis di sini?

Pertama, ubah warna pautan mengikut keinginan anda. Kod ini akan membantu anda dengan ini:

a {warna: # 00000;}. Sudah tentu, bukannya "# 00000" anda harus memasukkan warna anda sendiri. Anda boleh mengetahui kod warna dalam bentuk ini dalam program grafik yang berbeza (contohnya, di Photoshop) atau mencari palet web.

Langkah 4

Secara lalai, penyemak imbas membuat pautan digarisbawahi. Ini boleh dibatalkan dengan kod berikut: a {text-decoration: none;}

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

Langkah 5

Anda mungkin menyedari bahawa di beberapa laman web, apabila anda mengarahkan kursor ke pautan, penampilannya berubah. Anda juga boleh melakukan ini. Kod seperti ini akan membantu anda: a: arahkan {parameter style}. Parameter ditentukan dengan cara yang sama seperti untuk pautan biasa, satu-satunya nilai adalah kelas pseudo "hover", yang memberitahu penyemak imbas bahawa tetapan ini harus diterapkan ketika melayang di atas pautan.

Begitu juga, anda boleh menyerlahkan pautan yang dikunjungi: a: dikunjungi {parameter gaya}

Disyorkan: