crearea de legături

concepte de bază

Link-uri - asta e ceea ce face ca Web-ul du-te!
Link-uri sunt create în HTML folosind tag-ul <а>. În plus, ar trebui să activați atribut al legăturii - href și o etichetă de închidere .

Browserul nu afișează link-ul în sine, și arată doar textul inclus între paranteze unghiulare> și <(текст_ссылки).

Puteți crea link-uri nu numai la alte documente, dar, de asemenea, cu privire la anumite puncte din cadrul aceleiași pagini HTML.
Pentru a determina locul de exil în documentul HTML care aveți nevoie pentru a crea o etichetă (altfel - semn de carte sau ancora).
Tag (fila, ancora) este, de asemenea, creat atunci când ajutorul tag-ul <а>. dar cu un alt atribut - numele (sau id).

Notă atributul id!
În două standarde posledenih de XHTML și XML (care poate înlocui în cele din urmă HTML) - W3C ofera un atribut nou tag-ul <а> - id atribut. care va înlocui numele atributului.

Pentru a evita necesitatea de a edita pagina de Web, după introducerea noului standard, acum puteți utiliza ambele aceste atribute.

Și aici este modul în care ar trebui să fie scris în HTML document:

Aici #Anchor - etichetă, care indică atributul legăturii. Simbolul # înainte de a eticheta este obligatorie. Este necesar să se distingă marca din numele fișierului.

Și acest lucru în document HTML este scris după cum urmează:

Puteți face link-uri către alte pagini web din propriul web-site-ul sau pe fișiere individuale, care sunt situate pe hard disk-ul calculatorului. Pentru a face acest lucru, trebuie să specificați calea de căutare a fișierelor.

Sper că ați observat că într-un caz upotrblyayutsya „directă“ slash /. și în alt sens invers \?

Acest lucru se datorează faptului că sunt folosite linii oblice pentru a separa numele de dosare din File Server World Wide Web.
Backslashe sunt folosite pentru a separa numele de dosare în sistemele de fișiere Windows și DOS.

Să presupunem că creați un document lung si rupe-l în jos în secțiuni. Fiecare secțiune începe cu un antet. În acest caz, aveți posibilitatea să inserați o etichetă în antet. De exemplu, să presupunem că există un titlu:

Puteți face acest antet potențial etichetă pentru a include tag-ul .

Nu uita simbolul # înainte de etichetele de nume!

Notă noul atribut al țintei link-ul.
Acesta este utilizat pentru document HTML (în acest caz, pagina gallery2.htm) încărcate în același cadru, din care este numit. Detaliu conceptul de cadre și de lucru cu acestea sunt descrise în cadrele documentului.

Structura link-ul grafic este:

De exemplu, putem admira florile!

Codul HTML este scris după cum urmează:

Pentru a lega grafic, puteți adăuga text descriptiv și o etichetă de tip pop-up:

Și aici este rezultatul:

Puteți crea o imagine grafice, hărți pentru web-site-ul (paginile web ale grupului). Pentru a face acest lucru, trebuie să mapați o imagine pentru a se potrivi cu câteva referințe, comparând fiecare dintre ele în orice zonă a imaginii.
Aceste zone pot fi de diferite forme: dreptunghiulare, poligonale, sub forma unui cerc. Aceasta este o metodă foarte convenabilă de înregistrare a referințelor grupului.

La selectarea unei imagini, care este cartea de referință-cadru, trebuie să depună eforturi pentru a se asigura că zonele de frontieră sunt bine rotunjite și nu se suprapun.
Utilizați textul explicativ pentru ca utilizatorul să se înțeleagă că această carte de referință, și nu doar o imagine destul.

Când plasați cursorul peste zona de legătură cursorul mouse-ului își schimbă forma, precum și cu legături convenționale. Atunci când mouse-ul se face clic pe această zonă a frontierei sale devine vizibil.
Placa grafică este creat folosind mai multe etichete.
Primul este tag-ul

După eticheta de închidere trebuie să indice imaginile tag-ul Paste și pune în aplicare o hartă pentru a - tag ,descrise în detaliu în documentul „imagini adăugând“

Adăugarea la atributele descrise mai devreme în acest caz, în tag-ul a adăugat atributul de comunicare a cardului:

După cum indică și numele numele cardului argument atribut tag-ul
Luați în considerare acest exemplu:

Aici este o versiune trunchiată a referințelor harta acestui site. Încercați să mutați cursorul mouse-ului într-o formă dreptunghiulară sau zonă circulară, și veți vedea un „pop-up“, titlul paginii. Dacă faceți clic pe oricare dintre obiectele selectate, puteți merge la pagina dorită. Codul HTML este scris după cum urmează:

Este de dorit ca toate elementele cardului se află în același fișier ca element goafichesky definit în tag-ul img.

În cazul în care două sau mai multe zone de pe harta se suprapun, are avantajul unei zone, a căror dezvăluire a apărut în documentul HTML anterior (de exemplu, utilizatorul se va da posibilitatea de a utiliza descrierea și link-ul de prima care apare în zona documentului.

În unele cazuri, este convenabil sozavat se suprapun, ceea ce face unul dintre ele ispolzuya inactive nohref atribut, de exemplu:

În acest caz, primul cerc creează o regiune inactivă, situată într-un cerc mare - pentru a crea o a doua zonă de etichetă. Pentru a obține efectul dorit, este necesar ca o zonă inactivă a fost descrisă pentru prima dată (în caz contrar acesta va fi ascuns de forma activă).
Să vedem ce se întâmplă?