Категории

    Новости

    Тонгкат Али
    http://silverfox.in.ua/product-tag/tongkat-ali/ (англ. Long Jack, Tongkat Ali) – это средство, в основном используемое спортсменами для повышения уровня тестостерона и серьезных силовых нагрузках. Но

    Иван Айвазовский
      этой (Ованес Айвазян, Иван Гайвазовский, Aivazovsky, Ivan. 1817-1900), –   русский живописец, мастер морского пейзажа (маринист). Популярнейшие картины Айвазовского - “Радуга” (1873 г. ), “Чёрное

    Изменение фона в шаблоне Joomla
    6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет. Поехали: Я заключил меню в блочный элемент levoe-menu: Таким макаром, Joomla генерирует последующий код: Основная Сырье Аддитивы Диоксид

    Как быстро перенести сайт на Joomla Часть 2 Восстановление из резервной копии
    Как запустить цикл? У меня на данный момент выводит одну и туже картину либо просто "i" $q ="SELECT vm.`file_url_thumb` FROM `#__virtuemart_medias` vm LEFT JOIN `#__virtuemart_product_medias` vpm ON vpm.`virtuemart_media_id`

    Анализ сайта яндекс
    Продвижение веб-сайта в ТОП Yandex'а и Google (других поисковых машин) - главная цель для хоть какого вебмастера либо оптимизатора. В попытке закрепить собственный ресурс на фаворитных позициях выдачи

    Материнские платы на 2 процессора
    Для тех у кого нет времени, чтоб прочесть всю статью, я сразу даю рекомендуемые модели материнских плат под различные микропроцессоры. На сей день оптимальными по соотношению стоимость/качество являются

    Обозначение смайликов в картинках
    Здрасти, читатели блога Веб-сайт с нуля. Доводилось ли вам думать над тем, что означают смайлы, которые вам прислали, и как на их ответить? Сталкивались ли с необходимостью выразить свои эмоции очень

    Форд мондео ремонт
    На Форд Мондео ремонт силовых агрегатов случается довольно изредка, так как моторы южноамериканского производителя обычно надежны и долговечны. Особенного внимания стоит 2, 5л бензиновый вариант, снаряженный

    Процессоры intel socket 775
    Сокет (socket) микропроцессора - разъем, место на материнской плате компьютера куда вставляется микропроцессор. Микропроцессор, до того как он будет установлен в материнскую плату, должен подходить ей

Полезные материалы

Cara membuat tautan dalam dokumen HTML. Tag A - sintaks dan atributnya

  1. URL atau "alamat" dari suatu halaman di Internet
  2. Tag <A> dan sintaks dasarnya
  3. Referensi absolut dan relatif
  4. Tautan relatif ke direktori lebih tinggi dari saat ini
  5. Atribut tag <A>. Cara membuka dokumen dengan referensi di jendela baru
  6. Tautan judul. Atribut judul untuk tag <A>
  7. Atribut hyperlink nofollow. Larangan transfer "kepercayaan" situs dengan referensi
  8. Tautan internal atau jangkar di dalam dokumen
  9. Tautan Anchor - Gambar
  10. Lanjutan

Referensi (atau hyperlink) menembus Internet seperti pembuluh darah. Jika tidak ada tautan, tidak akan ada Internet.

Cara membuat tautan dalam dokumen HTML dan mendaftarkan atributnya dengan benar, apa URL itu dan bagaimana Mesin Pencari berhubungan dengan tautan - dalam pelajaran selanjutnya bagi pemula untuk belajar HTML.

URL atau "alamat" dari suatu halaman di Internet

Setiap dokumen HTML di Web memiliki "alamat pasti" sendiri. Ini disebut "URL", dari bahasa Inggris. URL - Uniform Resource Locator

Struktur URL sering terlihat di bilah alamat browser. Itu termasuk:

  1. Nama protokolnya adalah http: // atau https: //
  2. Domain Situs
  3. folder atau jalur ke folder tempat dokumen ini berada,
  4. Nama file (mungkin tidak selalu).

Berkat "alamat pasti" ini, menjadi mungkin untuk merujuk ke dokumen ini dari teks dokumen lain.

Tag <A> dan sintaks dasarnya

Saya harap kata "sintaksis" tidak lagi membuat Anda takut 🙂

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> tautan teks </a>

Seperti yang Anda lihat, setelah tag <A> dimulai, harus ada atribut href wajib yang menentukan alamat dokumen yang ingin Anda tuju.

Di dalam tag wadah <A> itu sendiri adalah sebuah teks (walaupun mungkin ada gambar), yang merupakan teks dari tautan tersebut. Ini juga disebut " Jangkar " atau hanya - Jangkar.

Referensi absolut dan relatif

Dalam contoh di atas, referensi absolut digunakan. Yang berisi URL lengkap dokumen.

Dalam beberapa kasus, atribut href tidak mengandung URL lengkap dengan nama protokol dan domain situs. Jika dokumen tempat tautan mengarah, ada di situs yang sama - Anda dapat menggunakan tautan relatif yang mengarah dari tempat dokumen itu berada.

Skema ketika referensi relatif diterapkan

Contoh: tautan dari dokumen first.html mengarah ke file second.html, yang terletak di folder berita.

Tautan relatif ke direktori lebih tinggi dari saat ini

Kode:

<a href="../first.html"> ini adalah tautan relatif ke file di direktori level satu </a>

Tautan ini mengarah ke file first.html di direktori "parent", yaitu naik satu tingkat .

Kombinasi ../ menunjukkan folder satu tingkat lebih tinggi dari posisi file yang diberikan tempat tautan dibuat.

Atribut tag <A>. Cara membuka dokumen dengan referensi di jendela baru

Agar dokumen dapat dibuka di tab browser baru, Anda perlu menggunakan atribut target = "_ blank"

Agar dokumen dapat dibuka di tab browser baru, Anda perlu menggunakan atribut target = _ blank

Atribut tautan target = "_ blank"

Jangan menyalahgunakannya. Tidak perlu membuat tautan internal ke situs dengan atribut ini. Pengguna akan terganggu oleh "jendela pemicu".

Secara umum, dengan atribut target ini - keseluruhan cerita. Masih ada beberapa artinya, tetapi semuanya jarang digunakan saat ini.

Ini karena mereka dirancang untuk bekerja dengan situs pada bingkai yang tidak lagi populer dan, dengan munculnya HTML5 , menjadi sesuatu dari masa lalu.

Tautan judul. Atribut judul untuk tag <A>

Atribut lain yang bermanfaat adalah title = "Teks yang menjelaskan ke mana arah tautan ini"

Sintaks:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the pop-up hint"> ini adalah tautan petunjuk </a>

Seperti yang Anda lihat, browser menampilkannya sebagai tip alat. Namun, itu memperhitungkan mesin pencari.

Petunjuk atribut untuk judul tautan

Atribut hyperlink nofollow. Larangan transfer "kepercayaan" situs dengan referensi

Ada satu lagi atribut ambigu untuk tautan rel = "nofollow"

Dia memberi tahu Mesin Pencari bahwa dokumen tautan mungkin tidak dapat dipercaya. Pada saat yang sama, indikator trust (“trust”) dari situs Sumber tidak dikirimkan ke situs dengan referensi.

Topik "kepercayaan" dan peringkat tautan masih ada di depan, tetapi jika singkat, "nasib" situs di mesin pencari juga akan bergantung pada jumlah tautan yang mengarah ke situs ini. Semakin banyak dari mereka, semakin banyak tautan situs otoritatif - semakin kredibilitas situs dengan referensi.

Dalam beberapa kasus, ada baiknya “menyaring” tautan dengan atribut ini. Misalnya, jika Anda menulis ulasan negatif tentang layanan apa pun.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> situs buruk </a>

Tautan internal atau jangkar di dalam dokumen

Dalam teks besar, pemasangan yang disebut "jangkar" di bagian logis dokumen sering diperlukan. Kemudian, di tempat ini, Anda bisa merujuk.

Cara termudah untuk menggunakannya adalah membuat daftar isi lokal dari hyperlink yang mengarah ke jangkar ini. Daftar isi seperti itu biasanya diletakkan di bagian paling awal artikel.

Saat membuat jangkar seperti itu, atribut nama digunakan alih-alih atribut href.

Sintaks untuk membuat jangkar adalah:

<a name="top"> </a>

Saat membuat tautan, di akhir URL tambahkan melalui tanda # - nama "jangkar":

<p> <a href="#top"> Top </a> </ p>

Transisi akan persis ke tempat ini, mis. Browser akan menempatkan tempat ini di bagian atas yang terlihat.

Seringkali, dalam dokumen yang panjang, di bagian paling bawah mereka memasang tautan "Atas".

... setelah berkeliling dunia biji-bijian harum, mereka menemukan kualitas tertinggi dari yang Afrika, Asia, Amerika Tengah dan Selatan terkenal. Karena itu, hari ini di rumah-rumah kopi merek Biji kopi Anda akan menemukan varietas kopi terbaik dari produsen yang diakui.

? Ke atas ?

Dari dokumen lain, Anda juga dapat keluar ke tempat ini, jika Anda menambahkan di akhir URL melalui tanda # name_

<a href="http://domen-saita.ru/dokument.html#top"> teks tautan mengarah ke jangkar "teratas" dalam dokumen ini </a>

Tautan Anchor - Gambar

Gambar apa saja bisa berupa tautan.

Kode:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Secara default, tautan digarisbawahi oleh browser dengan garis biru solid, dan gambar tautan mendapatkan bingkai biru.

Tautan-gambar mendapatkan bingkai biru

Untuk menghilangkannya, aturan sederhana ditambahkan ke file CSS untuk situs:

a {border: 0px;}

Ini adalah instruksi untuk menjadikan ketebalan batas nol untuk semua tautan gambar.

Lanjutan

Dalam posting berikutnya, saya akan berbicara tentang tautan email, atribut dan metode "perlindungan" dari spammer jahat