Cum sa faci un link în html

Cum sa faci un link în HTML, inclusiv link-uri active și inactive, absolute și relative, directe și printr-o redirecționare.

Cum sa faci un link text

EXEMPLUL 1

Această linie înseamnă că, atunci când faceți clic pe fraza exemplul 1, vom trece la pagina 1.html. care se află în același director cu documentul curent.

directorul curent /
documentul curent
1.html

EXEMPLUL 2 sau EXEMPLUL 2

Ambele aceste linii înseamnă că în directorul în care este documentul curent, există un subdirector despre. care este Pagina 1.html. pe care le obține, făcând clic pe fraza Exemplul 2.

directorul curent /
despre /
1.html
documentul curent

EXEMPLUL 3

Această linie înseamnă că directorul care conține documentul curent este de care aveți nevoie pentru a urca un nivel, iar în directorul în care am fost culcat pagina 1.html. pe care le obține, făcând clic pe fraza Exemplul 3.

Director 1 peste nivelul curent /
directorul curent /
documentul curent
1.html

EXEMPLUL 4

Această linie înseamnă că directorul care conține documentul curent este de care aveți nevoie pentru a urca un nivel, iar în directorul în care am fost, există un subdirector despre. care este Pagina 1.html. pe care le obține, făcând clic pe fraza Exemplul 4.

Director 1 peste nivelul curent /
directorul curent /
documentul curent
despre /
1.html

EXEMPLUL 5

directorul curent /
despre /
index.html
documentul curent

În cazul în care nu există nici un fișier index.html, browser-ul afișează o listă de fișiere în dosarul despre. dacă serverul are setări de permisiune. În caz contrar, browser-ul va face la fel ca și în cazul în care ați făcut o referire la orice alt document este inexistentă, și anume va afișa mesajul „Nu se poate afișa pagina“.

Prin combinarea acestor exemple, vei fi capabil de a crea site-uri cu diferite grade de ramificare structurii.

Cum de a face o legătură de imagine

În schimb, textul dintre tag-uri și Puteți insera o imagine, iar imaginea este un link.

Imaginea este un link pare cadru automat 1 pixel este de aceeași culoare ca și link-uri de text, și să știe cum să-l eliminați, dacă este necesar.

culoarea de link-uri

Culoarea de link-uri pot fi setate folosind link-parametri. ALINK. VLINK tag-ul corpului. Proprietăți pagină - parametrii tag-ul corpului. În acest fel, setează culoarea toate link-urile de pe o pagină.

Dacă doriți să schimbați culoarea unui anumit link, puteți face la fel de bine ca și pentru text normal, și anume utilizați tag-ul cu parametrul de culoare. După ce containerul Ar trebui să fie în interiorul containerului .

link-uri text

Link-uri într-o pagină

Un bun exemplu este structura acestor lecții. Făcând clic pe numele secțiunii lecției la începutul paginii browserul pe care transporta instantaneu la locul potrivit în text, și nu trebuie să-l caute.

Deci, pentru a crea un link intern, este necesar să se efectueze două etape:

  1. Asigurați-un marcaj în document în cazul în care vă referiți, și să dea numele acestei file. Pentru a face acest lucru, se introduce containerul în poziția dorită și parmetru nume atribuie o valoare șir:

Aici este un exemplu de utilizare link-uri interne:


  1. secţiunea 1

  2. secţiunea 2


secţiunea 1


În orașul Stockholm, în stradă cele mai obișnuite, în casa cea mai obișnuită trăiește o familie suedeză foarte obișnuită a numelui Svanteson. Această familie include tatăl cel mai obișnuit, o mama foarte obișnuită, și trei dintre cele mai comune copii - Bosse, Bethan și copii mici.


secţiunea 2


In timp ce Carlson și a fost cel mai bun din specialistul mondial în motoarele cu abur, a turnat spirt metilat destul de greoi și chiar vărsat, astfel încât pe raft format lac denaturatnoe integrală.

Toate referințele date mai sus descrise moduri, implicit deschis în fereastra browser-ului curent. Pentru a modifica proprietățile link-urile în tag-ul există o țintă setare.

Dacă doriți ca documentul la care vă referiți a fost deschis într-o fereastră nouă de browser, setați valoarea țintă _blank:

Link-uri în cadre

Acum, să presupunem că utilizați cadre pe pagina dumneavoastră. Apoi, în mod implicit, toate link-urile se va deschide în cadrul curent.

Prin setarea _parent valoare țintă. Tu specificați un browser pentru a deschide o legătură într-un cadru-părinte:

Prin setarea _top valoare țintă. Specificați browser pentru a anula toate cadrele și deschide legătura în fereastra browser completă:

scrie scrisori

scrie scrisori