¿Te estas iniciando con el código HTML? ¿Te resulta complicado recordar los Tag de HTML? ¿Además de la lista interminable de etiquetas, recordar las propiedades te resulta imposible? Esta y ciento de preguntas más surgen a medida que vamos entendiendo como utilizar las etiquetas de HTML.
Para que esto no se vuelva un problema, siempre es bueno tener a mano una lista en donde encontremos de manera resumida una lista con los tag o etiquetas más utilizadas y que seguramente encontraremos en muchos códigos fuentes.
En Web Experto, hicieron un fabuloso trabajo al separa por categoría a los tag más aplicados y además con una pequeña reseña de los mismo.
Les dejo el enlace para que lo tengan bien a mano y no se pasen mucho tiempo tratando de descubrir para que sirve cada etiqueta y cual es la mejor manera de implementarla
Firebug se trata de un add-on para nuestro navegador web Firefox y que nos ofrece algunas algunas utilidades bastante interesante para los desarrolladores web.
Esta interesante extensión se integra a Firefox y nos permite analizar y corregir archivos CSS, HTML y JavaScript y todo esto en tiempo real. A mi criterio una excelente herramienta que aprovecha la interpretación de estos código y la manipulación sobre el mismo navegador en el que lo estamos probando.
Esta son algunas de las características más importantes:
Edición de HTML en tiempo real. Además posee un buscador interno.
Inspecciona tu Hoja de Estilo en Cascada conocida como CSS, además de poder modificar las propiedades.
Manitorea el tiempo de carga de las páginas.
Depurador de código JavaScript
Otra opción más para tener en cuenta y hacer de nuestro navegador web una ayuda interesante para aquellos que se incursionan en el mundo del desarrollo web.
Es considerado como el padre de la web. Básicamente, Tim, ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, desarrolló las ideas que forman parte de la web. Tim y su grupo desarrollaron lo que por sus siglas en inglés se denominan: Lenguaje HTML (HyperText Markup Language) o lenguaje de etíquetas de hipertexto; el protocolo HTTP (HyperText Transfer Protocol); y el sistema de localización de objetos en la web URL (Universal Resource Locator).
Muchas de las ideas plasmadas por Berners-Lee podemos encontrarlas en el proyecto Xanadu que propuso Ted Nelson y el memex de Vannevar Bush.
Tim es considerado hoy en día como una de las personas más influyecte en el mundo de la evolución de la tecnología y hasta del mundo en el que vivimos, sin duda alguna su aporte favoreción y permitio abrir puertas de conocimiento como así tambien negocios y telecomunicaciones.
Continuando con algunos componentes en el diseño web o programación webs, nos topamos con las CSS, Las Hojas de Estilo en Cascada (Cascading Style Sheets, CSS) son algo así como un lenguaje formal usado para definir la presentación o mejor dicho el estilo de un documento ya sea escrito en HTML como asi también en XML. El W3C (World Wide Web Consortium) fue el encargado de crear lo que actualmente conocemos como todo un estandar tanto para usuarios como así también para los navegadores webs.
Cuál fue la idea en la que se basó el armado de toda estra estructura? Básicamente se buscó separa la estructura de un documento con el estilo que va a llevar el mismo, a lo que llevaba como consecuencia un desarrollo mas ordenado, en donde podemos identificar los componentes más fácilmente.
Con este ejemplo creo que les va a quedar más claro. Supongamos que nosotros utilizamos en nuestro documento HTML la etiqueta H1, para los que fueron experimentando sabemos que es una etiqueta de Titulo, bueno como habrán podido observer esta etiqueta posee determinadas propiedades o un estilo predefinido, seguramente en negrita, con un tamaño de letra determinado, quizas con un tipo de letra determinada, bueno que pasaría si por ejemplo a mi particularmente no me gusta como esta estructurado o como se ve visualmente, entonces a partir de las CSS yo contaría con la herramienta de modificar esas características o propiedades no solamente de esa etiqueta sino que de cualquiera, entonces básicamente esa es la esencia de las CSS, tratar de separa por sobre todas las cosas la estructura de los documentos con el estilo de los mismos.
HTML fue una de las primeras cosas que me fue gustando antes de entrar de lleno a la programación web dinámica con PHP, el código HTML no es para nada difícil de entender y como decía en otros post, basta con conocer y aplicar algunos tags sin la necesidad de conocer a todos, va a ser suficienta para entender y comprender la estructura.
Si bien siempre dije que aprender HTML es necesario pero a la ves es muy útil para poder darle el toque profesional a aplicaciones o sitios webs que uno va realizando, por eso te recomiendo que si te gustaría introducirte en el mundo del diseño web o aplicaciones web comiences haciendo pequeñas cosas en html que seguro lo vas a poder visualizar en tu navegador web preferido sin la necesidad de instalar ningun servidor y esas cosas.
Al principio te recomiendo que comiences entendiendo la estrucutura de los documentos, los tags básicos junto con sus propiedades, algo de los estilos y de lo posible ir acompañándolo con algo de CSS, y quiero que se detengan en algo que es fundamental y creo que además le va a ser muy útil las cosas, exiten muchos IDE o editores de codigo, en la cual poseen dos modos de vista, la parte de codigo y la parte de edición, en donde uno arrastra un tabla y listo, coloca una imágen y listo, claro que esto les genera el codigo correspondiente pero nosotros nos volvemos dependientes de ese determinado IDE o editor, esto nos sucedió en nuestro primeros años, cuando nos actualizabamos nuestras web desde los cyber café y no teníamos otro editor que el wordPad o Blog de Nota, que época, no quedaba otra que aprender la sintaxis y esas cosas.
Bueno básicamente estas son mis recomendaciones, a no tenerle miedo, si programaste alguna ves con otros lenguajes esto es algo diferente pero les puedo asegurar que les va a encantar y algo que es muy interesante, cualquier duda que tengan existe mucha documentación en internet, muchos usuarios y muchas comunidades incluyendo a esta tu comunidad K, El CoDiGo K
En HTML los Tags son fundamentales para diseñar una buena estructura, es por ello que buscando en internet encontré un listado con las etiquedas más utilizadas ya que el html cuenta con un valor realmente elevado de etiquetas o tags, pero como les digo no hace falta que conozcamos tantas para armar cosas interesantes en HTML.
Entr las etiquetas mas conocidas tenemos, la estructura de un documento HTML, la creación de Tablas, saltos de Línea, áreas, enlaces, imágenes, etc.
Les dejo los dos enlaces que me parecieron mas didácticos
El HTML fue desarrollado originalmente por Tim Berners-Lee mientras estaba en el CERN, y fue popularizado por el navegador Mosaic desarrollado en el NCSA. Durante los años 90 ha proliferado con el crecimiento explosivo de la Web. Durante este tiempo, el HTML se ha desarrollado de diferentes maneras. La Web depende de que los autores de páginas Web y las compañías compartan las mismas convenciones de HTML. Esto ha motivado el trabajo colectivo en las especificaciones del HTML.
El HTML 2.0 (noviembre de 1995, ver [RFC1866]) fue desarrollado bajo los auspicios de la Internet Engineering Task Force (IETF) para codificar lo que era la práctica común a finales de 1994. HTML+ (1993) y HTML 3.0 (1995, ver [HTML30]) propusieron versiones mucho más ricas de HTML. A pesar de no haber logrado nunca el consenso en las discusiones sobre estándares, estos borradores llevaron a la adopción de un número de nuevas características. Los esfuerzos del Grupo de Trabajo HTML del World Wide Web Consortium para codificar la práctica común en 1996 condujeron a HTML 3.2 (enero de 1997, ver [HTML32]). La mayoría de las personas están de acuerdo en que los documentos HTML deberían funcionar bien en diferentes navegadores y plataformas. Gracias a la interoperabilidad los proveedores de contenidos reducen gastos, ya que sólo deben desarrollar una versión de cada documento. Si este esfuerzo no se realiza, hay un riesgo mucho mayor de que la Web se convierta en un mundo propietario de formatos incompatibles, que al final acabaría por reducir el potencial comercial de la Web para todos los que forman parte de ella.
Cada versión de HTML ha intentado reflejar un consenso cada vez mayor entre los interlocutores de la industria, de modo que no se desperdicien las inversiones hechas por los proveedores de contenidos y que sus documentos no dejen de ser legibles a corto plazo.
El HTML ha sido desarrollado con la premisa de que cualquier tipo de dispositivo debería ser capaz de usar la información de la Web: PCs con pantallas gráficas con distintas resoluciones y colores, teléfonos móviles, dispositivos de mano, dispositivos de salida y entrada por voz, computadoras con anchos de banda grandes o pequeños, etc.
¿No tienes lector de FeedRSS?, puedes suscribirte por mail a El CoDiGo K y así recibir diariamente las noticias directamente en tu casilla de correo.
