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

PPTX
Resumen html
PPTX
Html y HTML5
PDF
Lenguajes de programacion
PPTX
Desarrollo Pagina Web!!..
PPTX
PDF
HTML ¿qué es y para que sirve?
PPTX
Historia de html
Resumen html
Html y HTML5
Lenguajes de programacion
Desarrollo Pagina Web!!..
HTML ¿qué es y para que sirve?
Historia de html

La actualidad más candente (19)

DOCX
Trabajo practico 2
DOCX
Html geraly fernanda cabrera aldana
PPTX
PPTX
Lissette lainez
PPTX
Lissette lainez
PDF
PPTX
Deber de htmly xml
PPTX
LENGUAJE, HISTORIA Y ETIQUETAS HTML
PPTX
Slideshare
DOCX
PPTX
Diferencia entre html y xml
DOC
Trabajo practico 2
PPTX
Helen Valverde 2C3
DOCX
Qué es el html
PPTX
Deber d programacion 1
PPTX
Html
PPTX
Html ... aloa
PPTX
Historia de html
Trabajo practico 2
Html geraly fernanda cabrera aldana
Lissette lainez
Lissette lainez
Deber de htmly xml
LENGUAJE, HISTORIA Y ETIQUETAS HTML
Slideshare
Diferencia entre html y xml
Trabajo practico 2
Helen Valverde 2C3
Qué es el html
Deber d programacion 1
Html
Html ... aloa
Historia de html
Publicidad

Destacado (16)

PDF
006: html tablas
PPT
004 html: listas
PDF
t2_e2_madaula-marti
PPT
002 html: etiquetas de texto
PDF
t2_e2_mármol-clara
PDF
Taula de formats
PDF
t2_ 32_ roig-oscar.pdf
PDF
T2 e2 de_elías-cristina
PDF
Taula d'arxius
PDF
exercici 2
PDF
teoria2_exercici2_roman-julia.
PDF
Taula d'arxius
PDF
Taula d'arxius
PDF
T2 e2 cano_laura
PDF
T2 e2 armengol-anna
PDF
Eduard Mayor, Tabla de valores
006: html tablas
004 html: listas
t2_e2_madaula-marti
002 html: etiquetas de texto
t2_e2_mármol-clara
Taula de formats
t2_ 32_ roig-oscar.pdf
T2 e2 de_elías-cristina
Taula d'arxius
exercici 2
teoria2_exercici2_roman-julia.
Taula d'arxius
Taula d'arxius
T2 e2 cano_laura
T2 e2 armengol-anna
Eduard Mayor, Tabla de valores
Publicidad

Similar a 003 html: enlaces (20)

PDF
003html Enlaces
 
PPTX
Diapositivas html
DOCX
PPSX
TRABAJO DE DAPI
DOCX
Portales Web tarea 1
DOC
Trabajo practico 2
DOC
Trabajo practico 2
PPTX
Introduccion al html
PDF
Acerca de html
PPTX
Paginas web
PPTX
Comunicación Interactiva - Alfredo Gonzalez - M-716
PPTX
Introdución al html
PPTX
exposición desarrollo web
PPTX
PDF
Aprende a cómo utilizar la etiqueta "<a>" HTML5
PPTX
Expo desarrollo web
PPTX
HTML.pptx
PPTX
Pagina web
PPTX
Pagina web2.0
PDF
Sitios web
003html Enlaces
 
Diapositivas html
TRABAJO DE DAPI
Portales Web tarea 1
Trabajo practico 2
Trabajo practico 2
Introduccion al html
Acerca de html
Paginas web
Comunicación Interactiva - Alfredo Gonzalez - M-716
Introdución al html
exposición desarrollo web
Aprende a cómo utilizar la etiqueta "<a>" HTML5
Expo desarrollo web
HTML.pptx
Pagina web
Pagina web2.0
Sitios web

Más de Aplicaciones Gráficas (16)

PDF
Laboratorio de Aplicaciones Gráficas
PDF
2. Introducción a las Hojas de estilo (CSS)
PPT
1. Introducción a las Hojas de estilo (CSS)
PPT
005 html: imágenes
PPT
Creación y tratamiento de imágenes digitales: tamaño de la imagen
PPT
Creación y tratamiento de imágenes digitales: resolución
PPT
Creación y tratamiento de imágenes digitales: color digital
PPT
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
PDF
00 taula formats
PPT
Creación y tratamiento de imágenes digitales: ficheros bitmap
PPT
02. Introducción a la Informática: ficheros
PPT
Evolución Aplicaciones/Gráficos ordenador
PPT
Programas de aplicación
PPT
Interfaz gráfica de usuario (GUI)
PPT
01. Introducción a la Informática
Laboratorio de Aplicaciones Gráficas
2. Introducción a las Hojas de estilo (CSS)
1. Introducción a las Hojas de estilo (CSS)
005 html: imágenes
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: color digital
Creación y tratamiento de imágenes digitales: definición y tipos de imágenes
00 taula formats
Creación y tratamiento de imágenes digitales: ficheros bitmap
02. Introducción a la Informática: ficheros
Evolución Aplicaciones/Gráficos ordenador
Programas de aplicación
Interfaz gráfica de usuario (GUI)
01. Introducción a la Informática

Último (20)

PDF
Arquitectura Expresionista, ARQUITECTURA
PPTX
ELEMENTOS DEL DIBUJO TECNICO Y GRAFICOOOO
PDF
Diapositivas de la forma y orden en arquitectura
PPTX
CONSTRUCCION DE MAQUINA ESCUADRADORA ..pptx
PDF
Párchese y sobreviva al colegio.pdf, juego
PDF
Saldarriaga-Roa-Aprender-Arquitectura.pdf
PDF
programa-regular-abril-julio-2025-ii (1).pdf
PPTX
7ma sesion de clase de produccion de cuyes y conejos.....pptx
PDF
AMTD-609_FORMATOALUMNOTRABAJOFINAL602.pdf
PPTX
11avo sesion de clase de produccion de cuyes y conejos.....pptx
PDF
6o. del 23al 27 de junio 2025_120359.pdf
PPTX
Derechos Reales Unidad ix facultad de con
PPTX
Dispensaciones la garcia, el gobierno humano, etc
PPTX
Presentacion de caso clinico (1).pptxhbbb
PPTX
Conferencia orientadora Sinapsis y Receptores.pptx
PPTX
Las-Ultimas-Tendencias-Tecnologicas-en-Laboratorio-Clinico-ACTUALIZADA.pptx
PDF
Semana del 30 de junio al 04 de julio de 2025.pdf
PDF
Calendario socio productivo Baré ultimo.pdf
PPTX
AT_04_Equipo_Gestión_Pedagógica_innovacion.pptx
PPTX
MISCELANIA - constitución política 410-5.pptx
Arquitectura Expresionista, ARQUITECTURA
ELEMENTOS DEL DIBUJO TECNICO Y GRAFICOOOO
Diapositivas de la forma y orden en arquitectura
CONSTRUCCION DE MAQUINA ESCUADRADORA ..pptx
Párchese y sobreviva al colegio.pdf, juego
Saldarriaga-Roa-Aprender-Arquitectura.pdf
programa-regular-abril-julio-2025-ii (1).pdf
7ma sesion de clase de produccion de cuyes y conejos.....pptx
AMTD-609_FORMATOALUMNOTRABAJOFINAL602.pdf
11avo sesion de clase de produccion de cuyes y conejos.....pptx
6o. del 23al 27 de junio 2025_120359.pdf
Derechos Reales Unidad ix facultad de con
Dispensaciones la garcia, el gobierno humano, etc
Presentacion de caso clinico (1).pptxhbbb
Conferencia orientadora Sinapsis y Receptores.pptx
Las-Ultimas-Tendencias-Tecnologicas-en-Laboratorio-Clinico-ACTUALIZADA.pptx
Semana del 30 de junio al 04 de julio de 2025.pdf
Calendario socio productivo Baré ultimo.pdf
AT_04_Equipo_Gestión_Pedagógica_innovacion.pptx
MISCELANIA - constitución política 410-5.pptx

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