Desde que comencé a escribir en este blog, incluso si he tratado de diseñar páginas web de una manera simple, siempre he tenido que tratar de entender los códigos html porque, incluso usando el sistema automático más fácil y perfecto para crear un sitio, la necesidad para agregar código html personalizado siempre hay. No soy un webmaster profesional, pero todos los que tienen un blog o sitio deben al menos conocer los elementos básicos de las etiquetas HTML básicas. También puedo indicar varios portales en línea que actúan como soporte global para aquellos que desean aprender y también para gerentes y desarrolladores de sitios web. Incluso teniendo en cuenta que las tecnologías han cambiado con el tiempo con el nacimiento de nuevos lenguajes de programación como PHP, Javascript, CSS, etc., es necesario, incluso para los más experimentados, tener puntos de referencia educativos para webmasters y diseñadores web. .
Entonces, dado que ciertamente hay muchos sitios web bastante pobres y evitables, vemos los mejores sitios que tienen ejemplos y guías de códigos HTML y aplicaciones web que le permiten hacer pruebas, ejercicios, experimentos y pruebas con editores en línea . Los siguientes sitios no solo ofrecen una buena y sólida base para aprender HTML, sino que también ofrecen el mejor entorno de aprendizaje, con herramientas interactivas que se pueden usar para verificar lo que se aprende y probarlo en el campo.
LEA TAMBIÉN: principales lenguajes de programación utilizados para aplicaciones y sitios web
1) Los mejores sitios para aprender HTML y programar en Internet son CodePen y los sitios para realizar pruebas de programación, que también proporcionan tutoriales, guías y muchos tutoriales y ejemplos para estudiar y probar con una vista previa inmediata.
2) HTML Dog es el primer sitio que debe visitar si olvida cómo usar un comando o instrucción HTML y CSS .
El sitio está bien diseñado y, sobre todo, muy actualizado a diferencia de otros sitios web dedicados al diseño web que a menudo contienen guías obsoletas.
HTML Dog proporciona, para cada función, etiqueta o atributo, un claro ejemplo de código que puede copiar y pegar en su editor.
Hay tres niveles tutoriales, principiante, intermedio y avanzado.
Incluso si el sitio está en inglés, es muy fácil consultar incluso para aquellos que lo conocen superficialmente.
Usando el campo de búsqueda, puede obtener instrucciones y ejemplos para usar una etiqueta en particular.
3) W3Schools es quizás el mejor sitio web para encontrar códigos menos estándar y más imaginativos.
Contiene muchos ejemplos de código, desde PHP CSS y HTML, hasta XML y Javascript .
Lo más útil del sitio W3Schools es una herramienta útil de pantalla dividida en la que puede probar el código que aprende en cada lección .
Si modifica el código HTML en el editor de cuadros, puede ver inmediatamente el resultado en la vista previa para realizar todas las pruebas que desee.
Esta herramienta me lleva a abrir un paréntesis y reportar otros sitios que proporcionan un editor html en línea e instantáneo, muy útil para practicar haciendo pruebas y para ver qué sucede al cambiar valores y comandos.
- HTML Instant es el más famoso de los editores en línea de HTML donde escribes código a la izquierda e inmediatamente ves cómo se ve a la derecha
- HTML Edit es similar a HTML Instant solo que el editor está arriba y la vista previa a continuación.
- JsBin es muy útil para agregar javascript como jQuery, Prototype y otros.
4) Quackit está en el mismo nivel que W3Schools, con muchos ejemplos de html básico y avanzado .
Todos los códigos se pueden copiar y pegar en su sitio web.
Para cada ejemplo, se muestran tanto el código de programación como el resultado gráfico.
En el menú en la parte inferior izquierda hay generadores de código automáticos donde, al completar los campos de forma personalizada, puede generar la porción de código que necesita.
5) LandOfCode ofrece un editor en línea, dividido en dos partes, para probar el código HTML.
En el sitio hay numerosos ejemplos de código HTML, aunque el formato deja un poco que desear.
El editor en línea LandOfCode es más avanzado que el de W3School porque tiene botones adicionales que le permiten ver los resultados en una nueva ventana y no solo en el área de visualización a la derecha.
6) Html.it es el mejor sitio italiano para leer guías e información sobre el código HTML utilizado para crear un sitio web.
Si no fuera por la presencia masiva de publicidad, sería excelente, con muchos ejemplos para copiar y pegar según sus necesidades.
Sin embargo, el idioma utilizado no es demasiado simple y es casi mejor leer las guías de uno de los sitios en inglés anteriores.
7) HTML.com es otro gran sitio para leer, estudiar y buscar guías para usar etiquetas HTML, CSS y encontrar ejemplos de todo tipo de código de sitio web.
Por curiosidad, puede ir al sitio web WebPagesThatSuck donde puede ver cómo no se debe hacer una página web, qué errores evitar y dónde leer el ranking de los peores sitios del mundo.
Finalmente, recuerdo otra página de este blog con los mejores recursos en línea para descargar esquemas de síntesis HTML, CSS y Javascript, para imprimir .
