Bagaimana untuk membuat pautan dalam HTML?

Isi kandungan:

Bagaimana untuk membuat pautan dalam HTML?
Bagaimana untuk membuat pautan dalam HTML?
Anonim

Tapak web, blog, halaman web - konsep yang sudah biasa pada zaman kita. Dengan perkembangan Internet, tapak untuk mengehos halaman web telah menjadi sangat popular, dan ini tidak menghairankan: bagi sesetengah orang, mempunyai laman web mereka sendiri adalah satu keperluan, bagi yang lain ia adalah hiburan yang menyenangkan. Dalam kes pertama, kita biasanya bercakap tentang firma, syarikat, usahawan swasta, apabila mereka mengiklankan sebarang produk atau perkhidmatan dalam permintaan. Yang kedua ialah tentang blogger.

Selain itu, terdapat pengguna Internet yang hanya mencari maklumat, membaca blog, menonton video dan sebagainya.

Untuk mencipta tapak web yang berkualiti, terdapat banyak pilihan. Kami akan menumpukan pada pengaturcaraan web melalui HTML.

Apakah itu HTML

HTML ialah singkatan kepada Hyper Text Mark-Up Language. Diterjemah daripada bahasa Inggeris, ini bermaksud "Bahasa Penanda Hiperteks".

Dengan kata lain, HTML ialah satu set kod yang dengannya anda boleh membuat elemen utama tapak, bingkainya, sepertibagaimana perkataan terdiri daripada ayat.

Kod HTML ditulis secara eksklusif dalam huruf Latin dan dipanggil teg, dan setiap kod disertakan dalam kurungan sudut. Sesetengah teg dipasangkan, ada yang tidak digandingkan.

Berpasangan bermakna ia mesti digunakan secara berpasangan tanpa gagal. Contohnya, teg pembuka menunjukkan tempat ia bermula pada halaman web dan teg penutup menunjukkan tempat ia berhenti. Yang terakhir berbeza daripada yang pertama dengan kehadiran aksara miring selepas kurungan sudut pembukaan. Contohnya, ialah teg pembuka,ialah teg penutup.

Teg tidak berpasangan tidak memerlukan rakan kongsi.

Banyak teg boleh mempunyai atribut - elemen tambahan yang memberikan maksud yang lebih khusus. Contohnya, teg.

Reka bentuk web
Reka bentuk web

Tempat HTML digunakan

Pemahaman klasik tentang keperluan HTML ialah pembinaan tapak web.

Dalam amalan, ini mungkin mencukupi, memandangkan HTML membenarkan anda mencipta elemen utama tapak, menu (termasuk berbilang peringkat), menetapkan latar belakang, memasukkan teks, imej, audio, video, mengedit fon dan banyak lagi.

Walau bagaimanapun, terdapat bahasa lain yang membolehkan anda menambah elemen yang lebih menarik dan selalunya diperlukan pada halaman web:

  • CSS menetapkan gaya untuk keseluruhan tapak tanpa perlu sentiasa menetapkan ciri gaya elemen individu menggunakan teg - warna dan fon teks, contohnya.
  • Bahasa skrip membolehkan anda membangun dan membenamkan program mini (skrip) di tapak, mulai dariperkara estetik cetek (menukar warna pautan apabila melayang dengan tetikus) dan berakhir dengan yang berfungsi (mengumpul alamat e-mel pelanggan, nombor telefon).
  • Dengan PHP anda boleh membangunkan buku tetamu atau sistem ulasan anda sendiri.

Juga HTML digunakan dalam penciptaan e-mel untuk pengedaran.

senarai mel internet
senarai mel internet

Apakah itu pautan

Mereka membenarkan anda menavigasi ke halaman web lain, di dalam tapak dan luaran.

pautan HTML biasa digunakan:

  • Untuk pergi ke sumber web luaran.
  • Untuk bergerak melalui halaman dalam tapak.
  • Untuk pergi ke borang google.

Pautan ke sumber dalam HTML juga sering ditunjukkan, terutamanya kerana apabila menyalin bahan dari tapak lain, anda mesti menyatakan pengarangnya. Jika tidak, penyalinan tanpa atribusi boleh jatuh di bawah takrifan pelanggaran hak cipta, kecurian kandungan dan serangan balik. Selain itu, penggunaan bahan bukan unik yang dipinjam mengurangkan prestasi SEO dan menunjukkan pautan ke sumber mengurangkan risiko.

Jenis pautan

Dalam pengertian klasik, pautan ialah alamat sumber web yang boleh anda pergi dengan mengklik padanya.

jenis pautan
jenis pautan

Selain itu, terdapat hiperpautan: teks dan imej. Dalam kes ini, pautan HTML "tersembunyi" di bawah beberapa ayat (perkataan) atau imej, dan untuk mengikutinya, anda perlu mengklik pada teks atau imej.

Jenis pautan lain:

  • Tidak dilawati - pautan yang belum lagi diklik semasa sesi tertentu. Contohnya, jika anda mengikuti pautan ini semalam, kemudian mematikan komputer anda dan menghidupkannya semula hari ini, kini pautan itu tidak dilawati lagi, kerana sesi baharu telah bermula.
  • Aktif - dalam keadaan ini, pautan disimpan untuk masa yang sangat singkat: selang antara mengklik pada pautan dan mengikutinya.
  • Dilawati - pautan yang telah dilawati sekurang-kurangnya sekali dalam satu sesi.

Untuk pautan teks biasa, pautan yang dilawati cenderung bertukar warna melainkan dinyatakan sebaliknya.

Imej hiperpautan tidak mengubah penampilannya, sama ada ia dilawati atau tidak.

Cara memasukkan pautan biasa

Banyak sumber web menganggap alamat tapak sebagai pautan, segera menjadikannya boleh diklik dan serlahkannya dengan warna. Contohnya, jika alamat dihantar dalam messenger atau melalui e-mel, mengklik padanya, anda boleh pergi ke tapak.

Dalam hal membuat tapak sendiri menggunakan HTML, anda mesti memasukkan pautan menggunakan teg khas. Ia akan kelihatan seperti ini: alamat tapak web. Teks pautan dalam HTML mesti dinyatakan sepenuhnya, dengan protokol.

Cara memasukkan hiperpautan teks

Adalah sebelum ini bahawa hiperpautan teks menjalankan fungsi yang sama seperti pautan biasa, tetapi kelihatan lebih menarik dari segi estetika: bukannya alamat tapak, yang selalunya tidak perlu panjang, perkataan atau frasa ditunjukkan. Contohnya, dalam ayat "Cari maklumat di sini", anda boleh menyembunyikan pautan ituperkataan "sini". Ia akan diserlahkan dan mengklik padanya akan membawa pengguna ke tapak yang dikehendaki.

memasukkan hiperpautan
memasukkan hiperpautan

Cara membuat pautan HTML telah pun dibincangkan sebelum ini. Anda boleh memasukkan hiperpautan teks menggunakan tag yang sama. Satu-satunya perbezaan ialah anda perlu menentukan antara teg teks yang di bawahnya pautan akan disembunyikan: teks kelihatan.

Cara memasukkan hiperpautan imej

Ia lebih rumit di sini. Kami menggunakan teg yang sama, tetapi bukannya teks, anda perlu menentukan laluan ke imej.

Laluan ialah lokasi imej. Jika gambar (foto) terletak pada perkhidmatan perkongsian fail, maka anda perlu menentukan semua folder di sepanjang laluan ke imej melalui garis miring. Anda juga boleh memasukkan pautan ke imej jika boleh.

Untuk menandakan

selain src, atribut lain juga boleh digunakan, membolehkan anda melaraskan ketinggian, lebar dan lokasi imej dan banyak lagi. Sebahagian daripadanya:

  • Src - menentukan laluan ke imej.
  • Lowsrc - sama dengan atribut sebelumnya, tetapi ditentukan untuk imej berkualiti rendah.
  • Tinggi - tinggi gambar.
  • Lebar - lebarnya.
  • Alt - perihalan imej. Apabila anda menuding pada foto atau gambar, teks yang dinyatakan dalam atribut ini akan muncul.
  • Sempadan - menentukan ketebalan sempadan di sekeliling imej.

Atribut ditentukan selepas teg dan disertakan dalamkomposisinya. Atribut mesti diikuti dengan nilainya. Sebagai contoh, untuk atribut "tinggi" atau "lebar" (tinggi, lebar) menentukan ketinggian imej pada halaman web. Unit ukuran ialah piksel, melainkan dinyatakan sebaliknya.

Ia akan kelihatan seperti ini: <a href="alamat halaman web"

. Atribut ini akan membantu menetapkan saiz yang sesuai untuk imej. Sempadan membantu membuat sempadan yang tidak kelihatan di sekeliling imej.

mengikuti pautan
mengikuti pautan

Atribut di atas digunakan secara berasingan pada teg sisipan imej. Contohnya:.

Apakah pautan sauh

Membuat pautan sauh ialah kemahiran yang sangat berguna. Selalunya terdapat keperluan untuk meletakkan halaman web dengan blok teks yang panjang atau dengan beberapa subseksyen pada satu halaman. Dalam kes ini, anda boleh mula serta-merta dengan senarai pautan ke subbahagian teks atau halaman web dan apabila anda mengklik padanya, pengguna akan pergi terus ke bahagian yang diminta.

Mencipta pautan sauh memerlukan lebih banyak penggunaan teg atribut berbanding jenis pautan lain.

sauh pautan
sauh pautan

Pertama, anda perlu menetapkan nilai keseluruhan untuk setiap blok maklumat atau subbahagian teks menggunakan atribut atas, dan kemudian mengaitkannya dengan pautan yang sepadan.

Ciri-cirinya adalah lebih luas, oleh itu adalah dinasihatkan untuk terlebih dahulu menguasai penciptaan pautan yang lebih mudah, dan kemudian beralih kepada pembentukan pautan sauh.

Petua

Penempatan pelbagai blok maklumat pada halaman web
Penempatan pelbagai blok maklumat pada halaman web

Bantuan daripada berpengalamanpengaturcara:

  • Anda boleh membuatnya supaya maklumat tentang pautan dipaparkan pada tuding dalam HTML. Untuk ini, atribut alt, yang juga kami gunakan untuk elemen grafik, boleh berguna.
  • Anda boleh membuat senarai pautan menggunakan HTML. Khususnya, ini boleh berguna untuk pautan sauh, serta apabila anda perlu membuat senarai sumber web yang boleh diikuti oleh pautan terus dari halaman web semasa.
  • Dengan bantuan CSS dan JavaScript, serta beberapa fungsi HTML, anda boleh mencipta reka bentuk pautan teks dan hiperpautan yang berbeza daripada biasa. Sebagai contoh, apabila anda menuding pada pautan, ia boleh menukar warnanya dan kembali kepada yang sebelumnya apabila kursor berada jauh daripadanya. Ini boleh dilakukan dengan skrip JavaScript tersuai. Di samping itu, warna pautan boleh ditetapkan kepada sesuatu selain biru untuk tidak dilawati atau ungu untuk dilawati. Ini adalah tugas CSS.
  • Jangan menyalahgunakan pautan. Halaman web dengan banyak pautan yang tidak sesuai kelihatan ceroboh dan ceroboh.
  • Pastikan pengguna memahami bahawa hiperpautan dengan imej itu benar-benar imej, dan bukan hanya imej.

Kesimpulan

Sangat mudah untuk memaut ke halaman dalam HTML. Adalah penting untuk mengikuti semua perkara utama bahasa ini, kerana walaupun kesilapan kecil boleh menyebabkan fakta bahawa tidak akan ada keputusan dan kod itu tidak akan berfungsi.

Disyorkan: