SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
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 (18)

Uso admin-pag web
Uso admin-pag webUso admin-pag web
Uso admin-pag web
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Paginas web
Paginas webPaginas web
Paginas web
 
Web 1
Web 1Web 1
Web 1
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
 
Sitios paginas web
Sitios paginas webSitios paginas web
Sitios paginas web
 
Resumen 2. web 1.0
Resumen 2. web 1.0Resumen 2. web 1.0
Resumen 2. web 1.0
 
Resumen 2. web 1.0
Resumen 2. web 1.0Resumen 2. web 1.0
Resumen 2. web 1.0
 
Paginas web
Paginas webPaginas web
Paginas web
 
Menús estáticos y dinámicos
Menús estáticos y dinámicosMenús estáticos y dinámicos
Menús estáticos y dinámicos
 
Páginas web introduccion
Páginas web introduccionPáginas web introduccion
Páginas web introduccion
 
exposición desarrollo web
exposición desarrollo webexposición desarrollo web
exposición desarrollo web
 
Expo desarrollo web
Expo desarrollo webExpo desarrollo web
Expo desarrollo web
 
computacion
computacioncomputacion
computacion
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Destacado

005html Imagenes
005html Imagenes005html Imagenes
005html ImagenesT T
 
004html Listas
004html Listas004html Listas
004html ListasT T
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-martamarato09
 
T1_e1_botaya_beatriz
T1_e1_botaya_beatrizT1_e1_botaya_beatriz
T1_e1_botaya_beatrizbebofi
 
001 Html
001 Html001 Html
001 HtmlT T
 
Xavi_Suarez_Bloc1_Exercici1
Xavi_Suarez_Bloc1_Exercici1Xavi_Suarez_Bloc1_Exercici1
Xavi_Suarez_Bloc1_Exercici1xavi_sur
 
T1 e1 llauradó-maria
T1 e1 llauradó-mariaT1 e1 llauradó-maria
T1 e1 llauradó-mariaConsent65
 
Ian_Delacruz_Bloc1_Exercici_1
Ian_Delacruz_Bloc1_Exercici_1Ian_Delacruz_Bloc1_Exercici_1
Ian_Delacruz_Bloc1_Exercici_1Ian Delacruz
 
T1 palomo sara
T1 palomo saraT1 palomo sara
T1 palomo sarassaraP
 
Photoshop - Arnal Ballester
Photoshop - Arnal BallesterPhotoshop - Arnal Ballester
Photoshop - Arnal Ballesterbeneaththemoon
 
T1 e1 schmitz-erik
T1 e1 schmitz-erikT1 e1 schmitz-erik
T1 e1 schmitz-erikom0l
 
006html Tablas
006html Tablas006html Tablas
006html TablasT T
 
002html Texto
002html Texto002html Texto
002html TextoT T
 
T1 e1 murillo-noelia
T1 e1 murillo-noeliaT1 e1 murillo-noelia
T1 e1 murillo-noeliaNoe Murillo
 

Destacado (20)

005html Imagenes
005html Imagenes005html Imagenes
005html Imagenes
 
004html Listas
004html Listas004html Listas
004html Listas
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-marta
 
T1_e1_botaya_beatriz
T1_e1_botaya_beatrizT1_e1_botaya_beatriz
T1_e1_botaya_beatriz
 
001 Html
001 Html001 Html
001 Html
 
Xavi_Suarez_Bloc1_Exercici1
Xavi_Suarez_Bloc1_Exercici1Xavi_Suarez_Bloc1_Exercici1
Xavi_Suarez_Bloc1_Exercici1
 
T1 e1 llauradó-maria
T1 e1 llauradó-mariaT1 e1 llauradó-maria
T1 e1 llauradó-maria
 
Ian_Delacruz_Bloc1_Exercici_1
Ian_Delacruz_Bloc1_Exercici_1Ian_Delacruz_Bloc1_Exercici_1
Ian_Delacruz_Bloc1_Exercici_1
 
T1 e1 pérez-laura
T1 e1 pérez-lauraT1 e1 pérez-laura
T1 e1 pérez-laura
 
T1 palomo sara
T1 palomo saraT1 palomo sara
T1 palomo sara
 
ej1lag
ej1lagej1lag
ej1lag
 
Photoshop - Arnal Ballester
Photoshop - Arnal BallesterPhotoshop - Arnal Ballester
Photoshop - Arnal Ballester
 
AdobeIllustrator_Clàudia_Castelló
AdobeIllustrator_Clàudia_CastellóAdobeIllustrator_Clàudia_Castelló
AdobeIllustrator_Clàudia_Castelló
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
T1 e1 schmitz-erik
T1 e1 schmitz-erikT1 e1 schmitz-erik
T1 e1 schmitz-erik
 
006html Tablas
006html Tablas006html Tablas
006html Tablas
 
002html Texto
002html Texto002html Texto
002html Texto
 
T1 e1 murillo-noelia
T1 e1 murillo-noeliaT1 e1 murillo-noelia
T1 e1 murillo-noelia
 
T2 e2 insenser-regina
T2 e2 insenser-reginaT2 e2 insenser-regina
T2 e2 insenser-regina
 
T1 e1 insenser-regina
T1 e1 insenser-reginaT1 e1 insenser-regina
T1 e1 insenser-regina
 

Similar a 003html Enlaces (20)

Html
HtmlHtml
Html
 
Diapositivas html
Diapositivas htmlDiapositivas html
Diapositivas html
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
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
 
Portales Web tarea 1
Portales Web tarea 1Portales Web tarea 1
Portales Web tarea 1
 
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
 
TRABAJO DE DAPI
TRABAJO DE DAPITRABAJO DE DAPI
TRABAJO DE DAPI
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Paginas web
Paginas webPaginas web
Paginas web
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Sitios web
Sitios webSitios web
Sitios web
 
clase-3_1.pdf
clase-3_1.pdfclase-3_1.pdf
clase-3_1.pdf
 
Pagina web
Pagina webPagina web
Pagina web
 

Último

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 

Último (13)

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 

003html 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" />