SlideShare una empresa de Scribd logo
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

PPT
003 html: enlaces
PPTX
dayana
PPTX
Desarrollo Pagina Web!!..
PPTX
Pagina Web
PPTX
Usos y administración de paginas web
PPTX
USOS Y ADMINISTRACIÓN DE PÁGINAS WEB
PPTX
Uso y administración de páginas web
003 html: enlaces
dayana
Desarrollo Pagina Web!!..
Pagina Web
Usos y administración de paginas web
USOS Y ADMINISTRACIÓN DE PÁGINAS WEB
Uso y administración de páginas web

La actualidad más candente (18)

PPTX
Uso admin-pag web
PPTX
Resumen html
PPTX
PPTX
Html ... aloa
PPTX
Sitios paginas web
DOCX
Resumen 2. web 1.0
PDF
Resumen 2. web 1.0
PPTX
Paginas web
PPTX
Menús estáticos y dinámicos
PPTX
Páginas web introduccion
PPTX
exposición desarrollo web
PPTX
Expo desarrollo web
PPT
computacion
PPT
Web 2.0
PPTX
Web 2.0
Uso admin-pag web
Resumen html
Html ... aloa
Sitios paginas web
Resumen 2. web 1.0
Resumen 2. web 1.0
Paginas web
Menús estáticos y dinámicos
Páginas web introduccion
exposición desarrollo web
Expo desarrollo web
computacion
Web 2.0
Web 2.0
Publicidad

Destacado (20)

PDF
005html Imagenes
 
PDF
004html Listas
 
PPT
t1_e1_aznares-marta
PDF
T1_e1_botaya_beatriz
PDF
001 Html
 
PPTX
Xavi_Suarez_Bloc1_Exercici1
PDF
T1 e1 llauradó-maria
PPTX
Ian_Delacruz_Bloc1_Exercici_1
PPTX
T1 e1 pérez-laura
PPTX
T1 palomo sara
PPTX
ej1lag
PPTX
Photoshop - Arnal Ballester
PPTX
AdobeIllustrator_Clàudia_Castelló
ODP
PPTX
T1 e1 schmitz-erik
PDF
006html Tablas
 
PDF
002html Texto
 
PPT
T1 e1 murillo-noelia
PDF
T2 e2 insenser-regina
PDF
T1 e1 insenser-regina
005html Imagenes
 
004html Listas
 
t1_e1_aznares-marta
T1_e1_botaya_beatriz
001 Html
 
Xavi_Suarez_Bloc1_Exercici1
T1 e1 llauradó-maria
Ian_Delacruz_Bloc1_Exercici_1
T1 e1 pérez-laura
T1 palomo sara
ej1lag
Photoshop - Arnal Ballester
AdobeIllustrator_Clàudia_Castelló
T1 e1 schmitz-erik
006html Tablas
 
002html Texto
 
T1 e1 murillo-noelia
T2 e2 insenser-regina
T1 e1 insenser-regina
Publicidad

Similar a 003html Enlaces (20)

ODP
PDF
Aprende a cómo utilizar la etiqueta "<a>" HTML5
PDF
Hipervinculos
PDF
Hipervinculos
PDF
Hipervinculos,pdf
PDF
Hipervinculos
PDF
Hipervinculos
PDF
Hipervinculos
PDF
Hipervinculos
PDF
clase-3_1.pdf
PPTX
Imformatica hipervinculo
PPTX
Codigo de e
PPTX
Imformatica hipervinculo
PPTX
Imformatica hipervinculo
PPTX
Caracteres especiales y enlaces
PPTX
Fundamentos de HTML: Estructura y Diseño Web
DOCX
historia de la infromatica
PPTX
Codigo de enlaces internos y externos
Aprende a cómo utilizar la etiqueta "<a>" HTML5
Hipervinculos
Hipervinculos
Hipervinculos,pdf
Hipervinculos
Hipervinculos
Hipervinculos
Hipervinculos
clase-3_1.pdf
Imformatica hipervinculo
Codigo de e
Imformatica hipervinculo
Imformatica hipervinculo
Caracteres especiales y enlaces
Fundamentos de HTML: Estructura y Diseño Web
historia de la infromatica
Codigo de enlaces internos y externos

Último (20)

PDF
clase auditoria informatica 2025.........
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPT
introduccion a las_web en el 2025_mejoras.ppt
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPT
Que son las redes de computadores y sus partes
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
PPTX
REDES INFORMATICAS REDES INFORMATICAS.pptx
PDF
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
PPTX
historia_web de la creacion de un navegador_presentacion.pptx
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PPTX
Presentación de Redes de Datos modelo osi
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PDF
Calidad desde el Docente y la mejora continua .pdf
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PPTX
Propuesta BKP servidores con Acronis1.pptx
PDF
Maste clas de estructura metálica y arquitectura
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
clase auditoria informatica 2025.........
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
introduccion a las_web en el 2025_mejoras.ppt
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
Que son las redes de computadores y sus partes
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
REDES INFORMATICAS REDES INFORMATICAS.pptx
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
Power Point Nicolás Carrasco (disertación Roblox).pptx
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
historia_web de la creacion de un navegador_presentacion.pptx
Plantilla para Diseño de Narrativas Transmedia.pdf
Presentación de Redes de Datos modelo osi
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
Calidad desde el Docente y la mejora continua .pdf
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Propuesta BKP servidores con Acronis1.pptx
Maste clas de estructura metálica y arquitectura
Zarate Quispe Alex aldayir aplicaciones de internet .docx

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