Komputer, Pemrograman
Cara menyisipkan hyperlink di HTML? Membuat dan menggunakan hyperlink dalam HTML
Hypertext adalah teks yang berisi link ke teks lain. Contohnya adalah catatan penulis tentang definisi kompleks atau catatan kaki terjemahan di bagian bawah halaman buku, jika ditemukan teks dalam bahasa asing. situs internet adalah sistem yang kompleks dari hypertext melompat dari satu halaman ke halaman lain dalam halaman itu sendiri, tetapi juga antara sumber daya yang tidak berhubungan satu-bertema. struktur seperti praktis, menghemat banyak waktu, memungkinkan pengunjung untuk dengan cepat menemukan informasi yang Anda butuhkan, dan tidak tersesat dalam sejumlah besar transisi.
Insert hyperlink
Dalam HTML untuk menyisipkan hyperlink menggunakan descriptor (tag) , yang dimasukkan di tempat yang tepat. Biasanya itu adalah di antara teks sebagai hyperlink sendiri adalah sebuah struktur teks. Tapi link yang lebih grafis (ikon, tombol, gambar); dari mereka akan dibahas lebih lanjut. Lokasi mereka pada halaman web tidak terbatas pada teks, tetapi tergantung pada situs pembuat keputusan desain.
Ini adalah contoh bagaimana untuk menyisipkan hyperlink ke HTML-dokumen yang dilakukan oleh tag . pengunjung situs akan melihat teks yang digarisbawahi yang berbeda dari warna teks sekitarnya (warna HTML-link bisa apa saja), "halaman rumah Google", dengan mengklik itu, ia akan sampai ke halaman rumah, "Google" mesin pencari. Perlu dicatat bahwa teks hyperlink harus berisi informasi tentang di mana transisi akan dilakukan. Prinsip ini harus diikuti dan diambil sebagai aturan!
struktur tag ...
Anda mungkin memperhatikan bahwa tag - Ganda: diperlukan menutup tag .
href - atribut tag menentukan tujuan link.
https://google.com/ - nilai atribut, melampirkan URL-alamat sumber daya yang untuk membuat transisi. Hal ini tanda kutip ganda atau tunggal. Hal ini tergantung pada struktur tag bersarang aturan HTML.
seluruh struktur merupakan elemen dari dokumen web.
Di bawah aturan HTML, beberapa elemen dapat mengandung unsur-unsur lainnya. Tag tidak terkecuali. Jika programmer perlu menyoroti dalam huruf tebal kata Google, Anda melakukan ini dengan menggunakan tag menurut aturan umum format teks dalam urutan tag bersarang. Webmaster harus tahu cara membuat hyperlink dalam HTML bebas dari kesalahan, kalau tidak mereka tidak akan bekerja. Patah link ke gaul komputer disebut "dipukuli".
Berikut: elemen
Ini berisi bersarang
Sekarang halaman yang dilihat pengunjung hyperlink di teks tebal kata "Google".
hyperlink mutlak
Hyperlink yang menggunakan mutlak URL-alamat situs yang berisi nama domain (.ru, .com, .org, .gov ), disebut mutlak, dan memiliki sintaks berikut:
Protokol: // nama domain / path dari file
alamat contoh luas di mesin pencari America: https://aol.com - mutlak, karena mengandung nama domain .com.
hyperlink mutlak digunakan untuk menavigasi ke halaman situs lain atau untuk mengakses sumber daya terletak pada server lain. transisi ini dilakukan dengan menggunakan protokol internet. Protokol - ini bukan topik artikel ini, tetapi karena mereka berpartisipasi dalam penciptaan hyperlink, Anda harus setidaknya sebentar lagi mereka:
- http dan https - yang paling umum; bagi mereka untuk beralih di antara halaman web dari situs yang berbeda;
- ftp - protokol untuk meng-upload file ke server atau download pengguna dari situs;
- mailto - protokol surat yang akan mengirim e-mail langsung dari situs, tanpa pergi ke e-mail pribadi.
Ada beberapa laporan dari tujuan khusus (gopher, telnet), cukup langka, penggunaan yang memerlukan pengetahuan khusus dalam pemrograman atau sistem administrasi.
hyperlink relatif
Dengan menangani relatif, penggunaan hyperlink dalam HTML digunakan untuk transisi dalam hidup dan tidak mengarah di luar itu. Jika halaman begitu besar yang berjalan scrollbar vertikal, kadang-kadang sangat panjang, seperti dalam kamus, sangat nyaman dan tepat untuk menggunakan link relatif untuk melompat ke huruf yang diinginkan.
Membuat kamus online, seorang programmer pada awal halaman memiliki alfabet, dan jika bukan karena penggunaan link, pengguna akan memiliki waktu yang sangat lama untuk memutar roda mouse untuk sampai ke huruf "I".
Untuk membuat link relatif menggunakan tag nama atribut :
di mana ya disebut anchor, sementara Kembali ke huruf I - tujuan jangkar. Untuk tampilan yang benar jangkar dianjurkan untuk menggunakan huruf dan angka, jadi jangan menulis "I", meskipun itu akan menjadi dimengerti.
Sekarang bahwa transisi dari alfabet pada awal halaman untuk huruf "I", perlu untuk membuat anchor pasak di HTML-dokumen, yang dimulai dengan huruf "I":
di depan anchor berdiri tanda nomor, tanpa yang transisi ke surat itu tidak akan bekerja.
Relatif menangani ketika membangun sebuah website
Nyaman dan algoritma yang paling umum untuk membuat situs software:
- Buat folder di komputer Anda dan lokasinya di lokasi untuk kenyamanan akses cepat;
- menciptakan index.html di folder dari halaman rumah;
- penciptaan halaman web sekunder (index.html / page2);
- Membuat folder dan menempatkannya di file gambar;
- Membuat folder dan menempatkannya objek lain (file untuk download, misalnya);
- pengisian konten situs;
- menempatkan situs pada hosting file.
Tentu harus digunakan untuk link komunikasi antara elemen situs, dan akan sangat berguna untuk mengetahui bagaimana memasukkan hyperlink dalam HTML ke halaman lain dari situs yang sama. Jika situs berada di direktori yang sama pada server yang sama, tidak ada perlu menggunakan mutlak menangani. Ketika mentransfer file ke situs hosting hubungan antara benda-benda tetap, karena mereka hosting dan akan ditempatkan di direktori yang sama.
Misalkan seorang programmer telah menciptakan index.html situs halaman rumah, yang memiliki link ke halaman page2.html lain, dihiasi dengan img.png gambar. Kemudian path relatif ke gambar akan terlihat seperti ini:
Tip: dalam studi topik ini yang terbaik adalah menggunakan editor teks sederhana untuk alasan bahwa perlu untuk memperoleh kemahiran dalam ejaan yang benar dari alamat transisi, dan belajar untuk memahami kode orang lain. Pada tahap ini akan menjadi hasil yang baik tanpa kesalahan-menulis hyperlink dalam sebuah buku catatan, HTML tidak mengampuni mereka, dan memberikan kesalahan.
Metode klik hyperlink
Secara default, halaman baru akan terbuka di jendela browser saat ini ketika pengguna mengklik hyperlink. Tapi seorang programmer web dapat mengubah default dan memaksa membuka halaman, misalnya, di jendela baru. Untuk tujuan ini ada atribut target dengan tertentu nilainya. Nowhere apakah mungkin untuk mengekspresikan meja.
| _blank | membuka halaman dalam jendela browser baru |
| _self | membuka halaman di jendela saat ini (pengaturan default) |
| _parent | membuka halaman dalam frame induk |
| _top | menggunakan frame membatalkan mereka semua dan membuka halaman di jendela browser saat ini |
Sintaks untuk menerapkan atribut menargetkan:
Rumah "Google" akan terbuka di jendela baru.
Catatan: untuk membuka halaman di tab baru, tidak ada nilai untuk atribut ini, dan diatur oleh pengguna dalam pengaturan browser.
Warna hyperlink
Pengguna Internet yang berpengalaman dari waktu ke waktu, harus menyadari bahwa hyperlink berbeda dalam warna dari teks sekitarnya, dan mereka biasanya berwarna biru. Link di mana dia lulus, dan kemudian kembali ke halaman sebelumnya, yang ungu. Menggunakan hyperlink di HTML dalam warna non-standar sedikit, tapi mengalokasikan situs antara lain.
Mengatur warna link dalam
tag menggunakan atribut dan nilai-nilai mereka, yang berfungsi warna HTML dalam sistem rgb (# 00FF00) atau dengan indikasi langsung dari nama warna ( «hijau»). Ada tiga jenis atribut untuk link:- Link - mendefinisikan warna link yang belum dikunjungi;
- vlink - menentukan warna link di mana pengguna telah lulus;
- alink - menentukan warna link ketika beralih ke halaman yang berbeda. Hal ini cepat, sehingga Anda tidak dapat selalu menangkap efek ini.
menandai Contoh:
Jika Anda menerapkan atribut-atribut ini dalam tag
, referensi dari dokumen web akan berwarna biru gelap, mengunjungi - ungu dan aktif - oranye-merah.hyperlink grafis
Kemajuan dan perkembangan desain web perlu tahu bagaimana untuk menyisipkan hyperlink di HTML sebagai gambar. Jelas bahwa gambar harus sesuai dengan isi dari halaman tujuan. Misalnya, halaman utama dari tanaman obat dapat disajikan dalam bentuk foto tanaman, klik di mana pengguna akan masuk ke halaman yang menggambarkan sifat obat tanaman.
Banyak cara digunakan untuk menggantikan tombol statis () di grafis yang indah yang diciptakan oleh seorang desainer web dalam editor grafis (GIMP, Photoshop).
Untuk menyisipkan gambar sebagai hyperlink pada halaman situs menggunakan sintaks yang sama, tapi bukannya teks menggunakan tag gambar dengan menyisipkan aturan HTML:
Dengan tag dengan cara yang sama atribut yang berlaku menentukan alternatif teks, lebar, tinggi, dan lain-lain.
Panggilan dari website
HTML5 standar telah memperluas fungsionalitas dari penggunaan Internet, dan sekarang Anda dapat membuat panggilan tidak hanya dari telepon, tetapi langsung dari situs. Untuk tujuan ini, Anda juga dapat menggunakan hyperlink di dokumen HTML, dan mereka memiliki sintaks berikut:
Alih-alih kata "pesta" yang diresepkan kontak pemanggil intuitif dalam buku telepon. Anda juga dapat menempatkan file grafis (user photo).
Bahwa panggilan yang dibuat untuk situs ini, Anda harus memiliki tidak hanya referensi ke nomor telepon pelanggan, tetapi juga headset (mikrofon, headphone) diinstal pada komputer VoIP-program Anda, kecepatan internet harus melebihi 0,5 MB / detik. Pembayaran untuk panggilan yang dibuat arus lalu lintas. Oleh karena itu, jika internet tidak terbatas, panggilan gratis.
Etika membuat hyperlink
Dengan menempatkan situs di Internet, webmaster harus tahu jenis apa yang ada hyperlink di HTML, dan tidak hanya hak untuk menggunakannya secara profesional, tetapi juga mematuhi ketentuan sebagai berikut:
- hyperlink harus mudah terlihat, berbeda dari teks sekitarnya. Pengguna harus tahu bahwa itu adalah - hyperlink.
- Pengguna harus jelas di mana ia akan mendapatkan dengan mengklik pada link. Untuk melakukan hal ini, disarankan untuk menggunakan judul atribut lebih, yang ringkas menggambarkan halaman konversi. Sintaks atribut aplikasi yang:
- Pengguna harus memperoleh informasi yang akurat tentang file akan di-download ketika Anda mengklik pada link.
Setelah bukan halaman yang diharapkan atau dengan men-download file yang salah, pengguna adalah 99% dari segera meninggalkan situs dan tidak pernah di atasnya tidak turun di masa depan.
Anti-Seo untuk membuat hyperlink
Selain sisi teknis pertanyaan tentang bagaimana untuk menyisipkan hyperlink di HTML, harus disorot lebih dan moral yang aspek. Ada banyak situs yang akses pengguna ke perangkat lunak keamanan (Antivirus), atau bahkan negara diblokir. Berikut ini adalah situs yang telah dibuat di sisi programmer web najis.
Salah satu trik yang mereka resort - adalah untuk memasukkan "tak terlihat" hyperlink pada halaman Web. Scammers tahu cara membuat hyperlink dalam HTML, dan menggunakan atribut garis bawah untuk menghapus link dan menetapkan warna teks sekitarnya sehingga rata-rata pengguna tidak melihatnya. Dan dengan bantuan teknologi web lainnya alat (CSS, JavaScript, PHP) dapat diprogram perilaku mereka. Misalnya, onMouseOver JavaScript acara bahasa mengaktifkan efek elemen halaman web. Ketika pengguna memegang kursor ke link tak terlihat, ia mendapat di halaman iklan dari situs lain. Atau bahkan lebih buruk, ketika ada link tak terlihat ke file di komputer dan mulai download dan menginstal perangkat lunak yang tidak diperlukan. Biasanya, virus yang mengubah homepage browser, sampah hard disk dan program massa lainnya.
Segera situs tersebut jatuh ke dalam "daftar hitam" dari database virus, keamanan dan lingkungan dari pengguna internet. situs tersebut tidak berlangsung lama, dan mereka harus mengubah nama mereka untuk bermigrasi tanpa henti di Internet, mengubah penyedia host. Ini tidak kondusif untuk promosi situs, yang selalu berusaha penciptanya, tidak pernah membuatnya megaportals, seperti, misalnya, jaringan sosial. Antara lain, trik ini menyebabkan banyak emosi negatif dalam korban dari tindakan manusia.
Similar articles
Trending Now