1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Hipertexto

¿Que es Hipertexto? El HT en HTML

En una entrada anterior vimos el lenguaje de etiquetas (el "ML" en HTML), ahora toca hablar del Hipertexto ("HT" en HTML).
Y como dije antes, el hipertexto es la base de la web.

Hipertexto = "Click!".
Sí, cada vez que haces click en la web estás usando el hipertexto.

¿Que es hipertexto?

No es más que texto que enlaza a otra información, como por ejemplo el enlace de Google o Yahoo que te llevó a esta página, o los enlaces de esta entrada que te llevan a más información.

Ya hemos visto como son los elementos HTML, así que...

Les presento al elemento <a>

El elemento <a> es el que encarga de enlazar páginas y se ve así

elemento a

Pero eso no es todo, para conventir ese elemento en un enlace que funcione debemos agregarle el atributo href.

elemento a

¿Para que sirve un atributo?

Los atributos te dan una manera de especificar información adicional sobre un elemento HTML, existen varios tipos de atributos, ahora mismo nos vamos a centrar en el atributo href. Este le dice al navegador hacia donde apunta un enlace, en este caso, el enlace apunta a la página principal de aprendiendoweb http://aprendiendoweb.com.

Como se escribe un atributo

Los atributos aparacen sólo en las etiquetas de inicio y siempre se escriben de la misma manera: primero viene el nombre del atributo seguido por el signo igual (=), y luego el valor del atributo rodeado por comillas dobles (" ").

Ahora que ya sabes como funciona el elemento <a>, es hora de empezar a hacer enlaces!

¿Que sifnifica href?

href significa "hypertext reference", es decir, referencia de hipertexto, y no es más que, como su nombre lo dice, una referencia a otro recurso que esté en Internet o en tu computadora.
Usualmente se refiere a otras páginas web, pero tambień puede enlazar documentos de audo, videos, etc.

He visto muchás páginas donde puedo hacer click en imágenes. ¿Puedo usar el elemento <a> para eso?

Claro, si pones un elemento <img> entre las etiquetas de apertura y cierre del elemento <a> podrás hacer click en esa imágen como en cualquier otro enlace.

¿Entonces puedo poner cualquier elemento HTML dentro del elemento <a>?

No tan rápido, no cualquier elemento HTML puede ir dentro de <a>, por el momento con texto e imágenes bastará.
Que elementos pueden ir dentro de otros es un tema aparte y ya hablaremos de eso.

Etiquetas:

Comentarios

deja un comentario

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910