Escriu per cercar…

Enllaç

Un document web pot enllaçar i incrustar qualsevol recurs accessible mitjançant una URL

WebCodi
S'ensenya a
Llenguatges de marques i sistemes de gestió d’informacióDocuments estàticsASIXDAMDAWDAW-BIO

Introducció

Un document HTML és un Hyper document perquè pots vincular-lo amb qualsevol recurs accessible a Internet.

Potser avui en dia no et sorprèn, però als anys 80 del segle passat era una passada!

Aquest vincle el pots fer de dues maneres, i en aquesta pàgina les veuràs totes dues:

  • Enllaçar el recurs: l’usuari fa clic i hi va.
  • Incrustar el recurs: el recurs es mostra dins del teu document.

URL

Una URL (Uniform Resource Locator) permet localitzar un recurs a Internet de manera uniforme.

Està formada per:

  • Un protocol, que pot ser http, https, file, etc.
  • L’adreça d’un servidor, que pot ser una IP o un nom de domini que es resol amb DNS
  • Un path absolut dins el lloc web

Per exemple, https://xtec.dev/web/document/link/ és l’URL d’aquesta pàgina:
httpsÉs el protocol: http sobre TLS
xtec.devDomini que es resol amb una IP
/web/document/link/El path del document

Localitzar vol dir que l’URL té la informació per trobar el recurs: en el nostre exemple, el navegador ha de resoldre el nom xtec.dev amb una IP.

Tu pots fer el mateix.

Obre un terminal de Powershell i escriu:

ps
nslookup xtec.dev
Non-authoritative answer:
Name:    xtec.dev
Address:  46.224.54.84

Si repeteixes la comanda d’aquí a un temps, la IP pot ser una altra.

Un domini no està lligat per sempre a una màquina: aquesta és precisament la gràcia de tenir noms i no números.

Uniforme vol dir que un URL tant et serveix per accedir a un recurs d’Internet (http://, https://) com a un fitxer del teu ordinador (file://), per posar un exemple.

Enllaç

Amb el tag <a> pots enllaçar qualsevol recurs: un document HTML, una imatge, una pel·lícula, etc.

html
<a href="https://www.google.es">Google</a>

El tag <a> té l’atribut específic href on es posa l’URL del recurs: http://…, https://…, file://…, etc.

Dins del tag <a> es posa el nom del recurs o qualsevol altra cosa (per exemple, una imatge).

El que mostra el navegador és el que hi ha dins el tag <a>, no el valor de l’atribut href:

  • Quan fas clic a aquest enllaç, Google, el navegador et porta a https://www.google.es perquè és el que posa l’atribut href.

  • Però aquest enllaç, Web oficial del FC Barcelona, encara que posi “FC Barcelona”, no et porta al lloc web del Barça.

Estàs llegint una vista prèvia.

Inicia sessió amb Google per llegir la pàgina completa.

Inicia sessió amb Google

Amb qualsevol compte de Google. Només et demanarem que acceptis les condicions del servei.