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 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 (https://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:
<a href="url" title="Titlu link"><img src="adresa_imagine.png"></a>

• Tag-ul <a> poate avea si atributul target, care specifica unde va fi deschisa pagina.
Atributul "target" poate avea 4 valori:
Urmatorul exemplu va deschide pagina intr-un tab nou in browser:
<a href="//marplo.net/" title="Free courses" target="_blank">Free courses</a>

Culoarea link-urilor poate fi schimbata cu proprietatea CSS color.
- De exemplu, in css:
<style>
/*culoarea link-urilor */
a {
 color: #0000fe;
}

/*culoarea link-urilor cand mouse-ul e deasupra lor */
a:hover {
 color: #00d000;
}

/*culoarea link-urilor cand pagina respectiva a fost / este vizitata */
a:visited {
 color: #fe0000;
}
</style>

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 catre pagini ale aceluiasi site. Pentru acestea URL-ul poate sa nu includa si domeniul site-ului, cum ar fi "https://marplo.net/html/linkuri.html".
Sau se poate folosi doar cale in directoare, numele si extensia documentului la care se face saltul.
      De exemplu:
      b) Link-uri externe catre alte site-uri. Aici, adresa URL din link trebuie sa contina si domeniul (numele site-ului) paginii tinta (protocolul "http" sau "https" poate fi omis), codul HTML se va scrie, de exemplu, asa:
2. Link-uri interne - sunt link-uri catre 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:
Link-urile interne si externe pot fi combinate. Astfel putem face saltul la un anumit loc aflat intr-o alta pagina. In pagina respectiva se scrie codul de la pasul 1, in locul unde se va fawce saltul, iar in pagina in care va fi link-ul se scrie:

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Creare link-uri

Last accessed pages

  1. CSS3 - Background proprietati noi (256)
  2. Curs CSS Online Tutoriale CSS3 (1701)
  3. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (14886)
  4. Creare link-uri (2886)
  5. Cursuri Limba Italiana (913)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (1939)
  2. Creare si editare pagini HTML (1110)
  3. Cursuri si Tutoriale: Spaniola, Engleza, HTML, CSS, Php-Mysql, JavaScript, Ajax (1033)
  4. Curs HTML gratuit Tutoriale HTML5 (949)
  5. Coduri pt culori (778)