Creare link-uri


Link-urile (links) sunt elemente HTML cu ajutorul carora putem deschide alte pagini, sari de la un document la altul sau la alt site. Sunt foarte importante in crearea de pagini web.
Forma generala pentru crearea unui link este urmatoarea:
  • <a href="url" title="Titlu link">Nume</a>
- a este elementul specific pentru crearea link-urilor
- href este atributul care marcheaza indicarea adresei link-ului
- url este adresa link-ului (a paginii care va fi deschisa). De exemplu (http://marplo.net)
- title este atributul prin care se da un titlu link-ului (un text ascuns, care apare numai cand este pozitionat mouse-ul deasupra link-ului)
- Titlu link este textul ascuns care apare cand este pozitionat mouse-ul deasupra link-ului
- Nume este textul care va aparea in browser si pe care trebuie dat click cu mouse-ul. In loc de acest text se poate folosi si o imagine, astfel "Nume" va fi inlocuit cu <img src="nume_imagine.extensie">

Culoarea link-urilor poate fi schimbata de următoarele atribute, care trebuie scrise in interiorul elementului <BODY>
  • link="#0000ff - reprezinta culoarea link-ului in browser.
  • vlink="#00ffff - reprezinta culoarea link-ului când pagina respectiva a fost / este vizitata.
  • alink="#ff0000 - reprezinta culoarea link-ului când acesta este activat.
  • Exemplu:
    <body bgcolor="#00ffff" link="#000000" vlink="#ff0000" alink="#00ff00">

Link-urile sunt de doua feluri:

1. Link-uri externe - (sunt cele mai utilizate), care sunt si ele de doua feluri:
      a) Link-uri externe câtre pagini ale aceluiasi site. Pentru acestea URL-ul poate sa nu includa si domeniul site-ului, cum ar fi "http://www.nume.com", ci se poate folosi doar cale in directoare, numele si extensia documentului la care se face saltul.
      De exemplu:
  • - daca documentul tinta se afla in acelasi director cu fisierul in care se scrie link-ul, codul va fi scris asa:
    • <a href="nume_fisier.extensie" title="Titlu link">Nume</a>
  • - daca documentul tinta se afla intr-un director anterior celui in care se afla fisierul in care se scrie link-ul, codul va fi scris asa:
    • <a href="../nume_fisier.extensie" title="Titlu link">Nume</a>
  • - daca documentul tinta se afla intr-un director din cel care se afla fisierul in care se scrie link-ul, codul va fi scris asa:
    • <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 sa contina si domeniul (numele site-ului) paginii tinta, codul HTML se va scrie, de exemplu, asa:
  • <a href="//nume_site/pagina" title="Titlu link">Nume</a>

2. Link-uri interne - sunt link-uri câtre alte texte din aceeasi pagina. Se folosesc când pagina respectiva este lunga si e nevoie sa se sara spre anumite texte din pagina.
      - Pentru creare de link-uri interne trebuie urmati urmatorii pasi:
  • 1. Se scrie urmatorul cod la textul tinta, care marcheaza locatia unde se va face saltul si se afla in aceeasi pagina cu linkul
    • <a name="cuvant">Textul tinta</a>
    •   - atributul "name" indica tinta pentru link, e un fel de semn care indica locatia.
    •   - "cuvant" poate fi orice cuvânt, trebuie sa fie unic pentru fiecare link.
    •   - "Textul tinta" este textul unde se face saltul.
  • 2. In locul unde vrem sa fie link-ul (acolo unde o sa dam click pentru a face saltul câtre textul ales), se scrie urmatorul cod:
    • <a href="#cuvant">Nume</a>
    • - aici "cuvant" este acelasi text scris la pasul 1.

Link-urile interne si externe pot fi combinate. Astfel putem face saltul câtre un anumit text aflat intr-o alta pagina. In pagina respectiva se scrie codul de la pasul 1, la textul ales pentru tinta link-ului, iar in pagina in care va fi link-ul se scrie:
  • <a href="adresa_pagina#cuvant">Nume</a>



Comentarii

Trimiteți un comentariu

Postări populare de pe acest blog

Marcatori si numerotare

Imagine
HTML contine cateva tag-uri utile pentru asezarea continutului in pagina. Prin acestea textul este mai usor de citit si evidentiat. 1. Elementele pentru marcatori si numerotare Un element des folosit in formarea listelor (neordonate) este  <ul> . -  <ul>  este elementul de început si dupa scrierea listei se incheie cu  </ul> . - Majoritatea elementelor pentru marcatori si numerotare sunt compuse din unu sau mai multe elemente  <li> ... </li>  (list element). Fara atributul "type" specificat in "<ul>" acestea prezintă un marcaj ca un bullet. Mai jos puteti vedea exemplu. <html> <head> <title>titlu documentului</title> </head> <body> <ul> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ul> </body> </html> - In pagina web apare asa: List item 1 ... List item 2 ... List ite...
Citiți mai multe

Introducere in HTML

Imagine
HTML (HyperText Markup Language) este un limbaj utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser (sau navigator).  HTML este folosit pentru prezentarea unui continut (text, imagine) intr-o pagina web, furnizeaza mijloacele prin care continutul unui document poate fi structurat si adnotat cu diverse tipuri de metadate si indicatii de redare si afisare. A ceste indicatiile pot varia de la decoratiuni minore ale textului, cum ar fi culoarea sau sublinierea unui cuvant ori introducerea unei imagini, pana la adaugarea de elemente sofisticate, tabele, harti de imagini, formulare si cod CSS sau scripturi JavaScript. HTML este un format text proiectat pentru a putea fi citit si editat utilizand un editor de text simplu, editarea si intelegerea paginilor in acest fel necesita cunostinte de HTML, pe care le puteti obtine studiind lectiile din acest curs. Acest blog prezinta elementele de baza ale limbajului HTML si modul de lucru cu acesta, va ajuta sa inv...
Citiți mai multe