SlideShare una empresa de Scribd logo
1 de 4
Enlaces HTML: Algunos ejemplos habituales


 El lenguaje de marcado HTML se definió teniendo en cuenta
 algunas de las características que existían en ese momento
 para la publicación digital de contenidos. Entre los conceptos
 utilizados en su creación, se encuentra el mecanismo de
 "hipertexto".

 La incorporación del hipertexto fue una de las claves del éxito
 del lenguaje HTML, ya que permitió crear documentos
 interactivos que proporcionan información adicional cuando se
 solicita. El elemento principal del hipertexto es el "hiperenlace",
 también llamado "enlace web" o simplemente "enlace".

 Los enlaces se utilizan para establecer relaciones entre dos
 recursos. Aunque la mayoría de enlaces relacionan páginas
 web, también es posible enlazar otros recursos como imágenes,
 documentos y archivos.
Enlaces HTML: Algunos ejemplos habituales


Enlace al inicio del sitio Web

<a href="/">Inicio</a>




Enlace a un email

<a href="mailto:nombre@direccion.com" title="Dirección de
email para solicitar más información"> Solicita más
información</a>
Enlaces HTML: Algunos ejemplos habituales


Enlace a un archivo FTP

<a href="ftp://ftp.ejemplo.com/ruta/archivo.zip" title="Archivo
comprimido de los contenidos"> Descarga un ZIP con todos
los contenidos </a>

Enlazar el favicon
El favicon o icono para favoritos es el pequeño icono que muestran las páginas en varias partes del
navegador. Dependiendo del navegador que se utilice, este icono se muestra en la barra de direcciones, en
la barra de título del navegador y/o en el menú de favoritos/marcadores.


<link rel="shortcut icon" href="/favicon.ico" type="image/ico" />
Aunque en principio la imagen debería ser de tipo .ICO (formato gráfico de los iconos), algunos
navegadores soportan favicons en otros formatos gráficos más habituales (como por ejemplo .PNG).
Enlaces HTML: Algunos ejemplos habituales


 Enlazar varias hojas de estilos CSS

<link rel="stylesheet" type="text/css" href="/css/comun.css" />
<link rel="stylesheet" type="text/css” href="/css/secciones.css" />



Enlazar hojas de estilos CSS para diferentes medios

<link rel="stylesheet" type="text/css" href="/css/comun.css”
media="screen, projection”/>
<link rel="stylesheet" type="text/css" href="/css/impresora.css”
media="print" />
<link rel="stylesheet" type="text/css" href="/css/movil.css”
media="handheld" />

Más contenido relacionado

La actualidad más candente (19)

Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
HTML
HTMLHTML
HTML
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Html4
Html4Html4
Html4
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
 
Slideshare
SlideshareSlideshare
Slideshare
 
Julexi
JulexiJulexi
Julexi
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Helen Valverde 2C3
Helen Valverde 2C3Helen Valverde 2C3
Helen Valverde 2C3
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Html
HtmlHtml
Html
 
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Html
HtmlHtml
Html
 

Destacado (16)

006: html tablas
006: html tablas006: html tablas
006: html tablas
 
004 html: listas
004 html: listas004 html: listas
004 html: listas
 
t2_e2_madaula-marti
t2_e2_madaula-martit2_e2_madaula-marti
t2_e2_madaula-marti
 
002 html: etiquetas de texto
002 html: etiquetas de texto002 html: etiquetas de texto
002 html: etiquetas de texto
 
t2_e2_mármol-clara
t2_e2_mármol-clarat2_e2_mármol-clara
t2_e2_mármol-clara
 
Taula de formats
Taula de formatsTaula de formats
Taula de formats
 
t2_ 32_ roig-oscar.pdf
t2_ 32_ roig-oscar.pdft2_ 32_ roig-oscar.pdf
t2_ 32_ roig-oscar.pdf
 
T2 e2 de_elías-cristina
T2 e2 de_elías-cristinaT2 e2 de_elías-cristina
T2 e2 de_elías-cristina
 
Taula d'arxius
Taula d'arxiusTaula d'arxius
Taula d'arxius
 
exercici 2
exercici 2 exercici 2
exercici 2
 
teoria2_exercici2_roman-julia.
teoria2_exercici2_roman-julia.teoria2_exercici2_roman-julia.
teoria2_exercici2_roman-julia.
 
Taula d'arxius
Taula d'arxiusTaula d'arxius
Taula d'arxius
 
Taula d'arxius
Taula d'arxiusTaula d'arxius
Taula d'arxius
 
T2 e2 cano_laura
T2 e2 cano_lauraT2 e2 cano_laura
T2 e2 cano_laura
 
T2 e2 armengol-anna
T2 e2 armengol-annaT2 e2 armengol-anna
T2 e2 armengol-anna
 
Eduard Mayor, Tabla de valores
Eduard Mayor, Tabla de valores Eduard Mayor, Tabla de valores
Eduard Mayor, Tabla de valores
 

Similar a 003 html: enlaces

Similar a 003 html: enlaces (20)

003html Enlaces
003html Enlaces003html Enlaces
003html Enlaces
 
Diapositivas html
Diapositivas htmlDiapositivas html
Diapositivas html
 
Html
HtmlHtml
Html
 
TRABAJO DE DAPI
TRABAJO DE DAPITRABAJO DE DAPI
TRABAJO DE DAPI
 
Portales Web tarea 1
Portales Web tarea 1Portales Web tarea 1
Portales Web tarea 1
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Paginas web
Paginas webPaginas web
Paginas web
 
Comunicación Interactiva - Alfredo Gonzalez - M-716
Comunicación Interactiva - Alfredo Gonzalez - M-716Comunicación Interactiva - Alfredo Gonzalez - M-716
Comunicación Interactiva - Alfredo Gonzalez - M-716
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
exposición desarrollo web
exposición desarrollo webexposición desarrollo web
exposición desarrollo web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Expo desarrollo web
Expo desarrollo webExpo desarrollo web
Expo desarrollo web
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Pagina web
Pagina webPagina web
Pagina web
 
Pagina web2.0
Pagina web2.0Pagina web2.0
Pagina web2.0
 
Sitios web
Sitios webSitios web
Sitios web
 
clase-3_1.pdf
clase-3_1.pdfclase-3_1.pdf
clase-3_1.pdf
 

Más de Aplicaciones Gráficas

2. Introducción a las Hojas de estilo (CSS)
2. Introducción a las Hojas de estilo (CSS)2. Introducción a las Hojas de estilo (CSS)
2. Introducción a las Hojas de estilo (CSS)Aplicaciones Gráficas
 
1. Introducción a las Hojas de estilo (CSS)
1. Introducción a las Hojas de estilo (CSS)1. Introducción a las Hojas de estilo (CSS)
1. Introducción a las Hojas de estilo (CSS)Aplicaciones Gráficas
 
Creación y tratamiento de imágenes digitales: tamaño de la imagen
Creación y tratamiento de imágenes digitales: tamaño de la imagenCreación y tratamiento de imágenes digitales: tamaño de la imagen
Creación y tratamiento de imágenes digitales: tamaño de la imagenAplicaciones Gráficas
 
Creación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resoluciónCreación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resoluciónAplicaciones Gráficas
 
Creación y tratamiento de imágenes digitales: color digital
Creación y tratamiento de imágenes digitales: color digitalCreación y tratamiento de imágenes digitales: color digital
Creación y tratamiento de imágenes digitales: color digitalAplicaciones Gráficas
 
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenesCreación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenesAplicaciones Gráficas
 
Creación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapCreación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapAplicaciones Gráficas
 
02. Introducción a la Informática: ficheros
02. Introducción a la Informática: ficheros02. Introducción a la Informática: ficheros
02. Introducción a la Informática: ficherosAplicaciones Gráficas
 
Evolución Aplicaciones/Gráficos ordenador
Evolución Aplicaciones/Gráficos ordenadorEvolución Aplicaciones/Gráficos ordenador
Evolución Aplicaciones/Gráficos ordenadorAplicaciones Gráficas
 

Más de Aplicaciones Gráficas (16)

Laboratorio de Aplicaciones Gráficas
Laboratorio de Aplicaciones GráficasLaboratorio de Aplicaciones Gráficas
Laboratorio de Aplicaciones Gráficas
 
2. Introducción a las Hojas de estilo (CSS)
2. Introducción a las Hojas de estilo (CSS)2. Introducción a las Hojas de estilo (CSS)
2. Introducción a las Hojas de estilo (CSS)
 
1. Introducción a las Hojas de estilo (CSS)
1. Introducción a las Hojas de estilo (CSS)1. Introducción a las Hojas de estilo (CSS)
1. Introducción a las Hojas de estilo (CSS)
 
005 html: imágenes
005 html: imágenes005 html: imágenes
005 html: imágenes
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Creación y tratamiento de imágenes digitales: tamaño de la imagen
Creación y tratamiento de imágenes digitales: tamaño de la imagenCreación y tratamiento de imágenes digitales: tamaño de la imagen
Creación y tratamiento de imágenes digitales: tamaño de la imagen
 
Creación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resoluciónCreación y tratamiento de imágenes digitales: resolución
Creación y tratamiento de imágenes digitales: resolución
 
Creación y tratamiento de imágenes digitales: color digital
Creación y tratamiento de imágenes digitales: color digitalCreación y tratamiento de imágenes digitales: color digital
Creación y tratamiento de imágenes digitales: color digital
 
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenesCreación y tratamiento de imágenes digitales: definición y tipos de imágenes
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
 
00 taula formats
00 taula formats00 taula formats
00 taula formats
 
Creación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmapCreación y tratamiento de imágenes digitales: ficheros bitmap
Creación y tratamiento de imágenes digitales: ficheros bitmap
 
02. Introducción a la Informática: ficheros
02. Introducción a la Informática: ficheros02. Introducción a la Informática: ficheros
02. Introducción a la Informática: ficheros
 
Evolución Aplicaciones/Gráficos ordenador
Evolución Aplicaciones/Gráficos ordenadorEvolución Aplicaciones/Gráficos ordenador
Evolución Aplicaciones/Gráficos ordenador
 
Programas de aplicación
Programas de aplicaciónProgramas de aplicación
Programas de aplicación
 
Interfaz gráfica de usuario (GUI)
Interfaz gráfica de usuario (GUI)Interfaz gráfica de usuario (GUI)
Interfaz gráfica de usuario (GUI)
 
01. Introducción a la Informática
01. Introducción a la Informática01. Introducción a la Informática
01. Introducción a la Informática
 

Último

Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoJUANJOSESANCHEZPEA
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdfCOLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdfxiliri6779
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESMairaLasso1
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 

Último (20)

Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en México
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdfCOLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
COLOCADO Y FORMATO DE BANDERINES TRICOLOR.pdf
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
decoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONESdecoración día del idioma, MARIPOSAS Y FESTONES
decoración día del idioma, MARIPOSAS Y FESTONES
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 

003 html: enlaces

  • 1. Enlaces HTML: Algunos ejemplos habituales El lenguaje de marcado HTML se definió teniendo en cuenta algunas de las características que existían en ese momento para la publicación digital de contenidos. Entre los conceptos utilizados en su creación, se encuentra el mecanismo de "hipertexto". La incorporación del hipertexto fue una de las claves del éxito del lenguaje HTML, ya que permitió crear documentos interactivos que proporcionan información adicional cuando se solicita. El elemento principal del hipertexto es el "hiperenlace", también llamado "enlace web" o simplemente "enlace". Los enlaces se utilizan para establecer relaciones entre dos recursos. Aunque la mayoría de enlaces relacionan páginas web, también es posible enlazar otros recursos como imágenes, documentos y archivos.
  • 2. Enlaces HTML: Algunos ejemplos habituales Enlace al inicio del sitio Web <a href="/">Inicio</a> Enlace a un email <a href="mailto:nombre@direccion.com" title="Dirección de email para solicitar más información"> Solicita más información</a>
  • 3. Enlaces HTML: Algunos ejemplos habituales Enlace a un archivo FTP <a href="ftp://ftp.ejemplo.com/ruta/archivo.zip" title="Archivo comprimido de los contenidos"> Descarga un ZIP con todos los contenidos </a> Enlazar el favicon El favicon o icono para favoritos es el pequeño icono que muestran las páginas en varias partes del navegador. Dependiendo del navegador que se utilice, este icono se muestra en la barra de direcciones, en la barra de título del navegador y/o en el menú de favoritos/marcadores. <link rel="shortcut icon" href="/favicon.ico" type="image/ico" /> Aunque en principio la imagen debería ser de tipo .ICO (formato gráfico de los iconos), algunos navegadores soportan favicons en otros formatos gráficos más habituales (como por ejemplo .PNG).
  • 4. Enlaces HTML: Algunos ejemplos habituales Enlazar varias hojas de estilos CSS <link rel="stylesheet" type="text/css" href="/css/comun.css" /> <link rel="stylesheet" type="text/css” href="/css/secciones.css" /> Enlazar hojas de estilos CSS para diferentes medios <link rel="stylesheet" type="text/css" href="/css/comun.css” media="screen, projection”/> <link rel="stylesheet" type="text/css" href="/css/impresora.css” media="print" /> <link rel="stylesheet" type="text/css" href="/css/movil.css” media="handheld" />