[Tutorial HTML]Crearea de link-uri

#1
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 (http://www.marplo.net)
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 "http://www.nume.com", 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>
N-am cerut la nimeni niciodata,
Chiar de-a fost sa rabd, in viata mea.
Am dat totul fara nici o plata,
Nevoind nimic sa mi se dea.

@Virgil Carianopol
Vezi-ti de treaba si retine:
"E treaba ta sa spui ce vrei si sa nu conteze pentru nimeni".

@Kazi Ploae

Înapoi la “Tutoriale HTML”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 1 vizitator