[Tutorial HTML]Crearea de link-uri

Locked
User avatar
Every
Membru
Membru
Posts: 531
Joined: 8 years ago
Location: Bucuresti
Has thanked: 0
Been thanked: 0
Zodiac:
Age: 22
Contact:
Status: Offline

8 years ago

Nume Tutorial:Crearea de link-uri
Descriere:Crearea de link-uri
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial):
tutorialeonline
Propria parere:Util.
Tutorialul:
Link-urile (links) sunt elemente HTML cu ajutorul cărora putem deschide alte pagini, sări de la un document la altul sau la alt site. Sunt foarte importante în crearea de pagini web.
Forma generală pentru crearea unui link este următoarea:

<a href="url" title="Titlu link">Nume</a>

a este elementul specific pentru crearea link-urilor
href este atributul care marchează indicarea adresei link-ului
url este adresa link-ului (a paginii care va fi deschisă). De exemplu ([Please login or register to view this link])
title este atributul prin care se dă un titlu link-ului (un text ascuns, care apare numai când este poziţionat mouse-ul deasupra link-ului)
Titlu link este textul ascuns care apare cand este poziţionat mouse-ul deasupra link-ului
Nume este textul care va apărea în browser şi pe care trebuie dat click cu mouse-ul. În loc de acest text se poate folosi şi o imagine, astfel "Nume" va fi înlocuit cu <img src="nume_imagine.extensie">
Când documentul este alcătuit din mai multe cadre se foloseşte şi atributul target.
Culoarea link-urilor poate fi schimbată de următoarele atribute, care trebuie scrise în interiorul elementului <BODY>

link="#0000ff" - reprezintă culoarea link-ului în browser.
vlink="#00ffff" - reprezintă culoarea link-ului când pagina respectivă a fost / este vizitată.
alink="#ff0000" - reprezintă culoarea link-ului când acesta este activat.

Exemplu:

<body bgcolor="#00ffff" link="#000000" vlink="#ff0000" alink="#00ff00">

Link-urile sunt de două feluri:

1. Link-uri externe - (sunt cele mai utilizate), care sunt şi ele de două feluri:

a) Link-uri externe către pagini ale aceluiaşi site. Pentru acestea URL-ul poate să nu includă şi domeniul site-ului, cum ar fi "[Please login or register to view this link]", ci se poate folosi doar calea în directoare, numele şi extensia documentului la care se face saltul.
De exemplu:

dacă documentul ţintă se află în acelaşi director cu fişierul în care se scrie link-ul, codul va fi scris aşa:
<a href="nume_fisier.extensie" title="Titlu link">Nume</a>
dacă documentul ţintă se află într-un director anterior celui în care se află fişierul în care se scrie link-ul, codul va fi scris aşa:
<a href="../nume_fisier.extensie" title="Titlu link">Nume</a>
dacă documentul ţintă se află într-un director din cel care se află fişierul în care se scrie link-ul, codul va fi scris aşa:
<a href="director/nume_fisier.extensie" title="Titlu link">Nume</a>
b) Link-uri externe către alte site-uri. Aici, adresa URL din link trebuie să conţină şi domeniul (numele site-ului) paginii ţintă, codul HTML se va scrie, de exemplu, aşa:
<a href="http://nume_site/pagina" title="Titlu link">Nume</a>

2. Link-uri interne - sunt link-uri către alte texte din aceeaşi pagină. Se folosesc când pagina respectivă este lungă şi e nevoie să se sară spre anumite texte din pagină.
- Pentru creare de link-uri interne trebuie urmaţi următorii paşi:

Se scrie următorul cod la textul ţintă, care marchează locaţia unde se va face saltul şi se află în aceeaşi pagină cu linkul

<a name="cuvant">Textul tinta</a>

- atributul "name" indică ţinta pentru link, e un fel de semn care indică locaţia.
- "cuvant" poate fi orice cuvânt, trebuie să fie unic pentru fiecare link.
- "Textul tinta" este textul unde se face saltul.
În locul unde vrem să fie link-ul (acolo unde o să dăm click pentru a face saltul către textul ales), se scrie următorul cod:

<a href="#cuvant">Nume</a>

- aici "cuvant" este acelaşi text scris la pasul 1.
Link-urile interne şi externe pot fi combinate. Astfel putem face saltul către un anumit text aflat într-o altă pagină. În pagina respectivă se scrie codul de la pasul 1, la textul ales pentru ţinta link-ului, iar în pagina în care va fi link-ul se scrie:

<a href="adresa_pagina#cuvant">Nume</a>
Locked

Return to “HTML”