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

artículos que valen la pena leerimagen de Huasonic

Aprender HTML

Creo que lo primero que alguien necesita aprender, si quiere ser diseñador web, es HTML. Para empezar el HTML necesitas conocer sus elementos, o al menos sus elementos básicos.

Por eso estoy preparando una descripción fácil de entender de cada uno de ellos para crear una página de referencia del lenguaje, son bastantes elementos como podemos ver el el índice del W3C (prometo hacerlo mucho más fácil de entender que eso).

No basta conocer cada elemento HTML, lo que importa es saber cómo usarlos, ahí es que entra la semántica.

¿Semántica?

Sí, semántica, tienes que saber qué describe cada elemento HTML, no te preocupes que no es complicado.

Sólo para dar un ejemplo muy sencillo, imagina que quieres describir tu desayuno, una cosa es decir:

<p>Mi desayuno de hoy: jugo de naranja, pan, café y tamales.</p>

Y otra muy diferente es decir:

<p>Mi desayuno de hoy:</p>
<ul>
<li>jugo de naranja</li>
<li>pan</li>
<li>café</li>
<li>tamales</li>
</ul>

Esto es interesante porque ambos dicen lo mismo, ambos son HTML válido, pero el último es mucho más descriptivo.

Así que si ya sabes un poco de HTML, es hora de empezara usarlo, la mejor forma de aprender es empezar a describir cosas usándolo.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Frank Frank

    Estimado Gonzalo:
    Sí, yo otra vez --ya parezco espeso-- pero tu blog me resulta muy útil, por ende me resulta difícil dejar de comentar.

    El ejemplo me sirvió de mucho, aunque muy básico, se entiende a qué quieres llegar cuando explicas la "semántica" y bueno ahora entiendo que es como hablar otro idioma, si me equivoco, corrígeme, por favor.

    Una observación, sin mala leche, en tu post; con el único fin de compartir lo poco que uno sabe:
    "Sí, semántica, tienes que saber QUÉ describe cada elemento HTML"
    Ese "QUÉ" en tu post funciona como pregunta indirecta por tanto lleva tilde.
    Saludos.

  2. Avatar de Germán Germán

    Gracias Frank, muy buena observación, acabo de corregirlo.
    Por cierto, no soy Gonzalo, soy Germán.

    Un abrazo.

  3. Avatar de Frank Frank

    Mil disculpas por confundirte,Germán.
    Olvidé decirte que aún estoy buscando lugares para ver si es que estudio algo de diseño Web, por ello te tomo la palabra y pronto llegará mi consulta.
    Un abrazo.

  4. Avatar de Germán Germán

    Claro Frank, estoy para ayudarte.

  5. Avatar de Laren Laren

    No hay duda que el mejor lugar para aprender web es la Internet. Aunque me gustaría poder enseñarlo en aulas, de la manera correcta...

  6. Avatar de jesusvld jesusvld

    Que buena explicacion acerca de Semantica. Claro, preciso y al grano. Ademas te felicito por el blog. Una buena idea esto de explicar todo sobre HTML, CSS, usabilidad y relacionados, lo haces realmente fácil de aprender. :)

  7. Avatar de Germán Germán

    Gracias jesusvld!

    La semántica es la base del diseño web, si estás interesado te recomiendo que trates de describir algo usando HTML, podría ser la portada de una revista por ejemplo.

    Saludos!

  8. Avatar de Carlos Morales Carlos Morales

    Amigo German y disculpa tanta confianza. te escribo porq me intereza muchisimo aplender diseño web. y con ello todo lo que conlleva eso HTML, XML, CSS, etc. soy un pichon. asi que cualquier ayuda que me puedas prestar seria de mucha ayuda. claro aparte disfruto leyendo tu blog. me gustaria me enviaras un correo para saber que cuento contigo y/o recomendarme articulos. Gracias.

    Te felicito por tu trabajo

  9. Avatar de SURIEL OMAR SURIEL OMAR

    Estoy entrando al mundo de html sabes.

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