Guía HTML y CSS en español


Una guía que te permitirá explorar el mundo de la programación HTML y CSS a fondo, para aprender a programar y descubrir como crear una página web desde cero.

Guía HTML y CSS en español
Coding

Lo que vas a aprender

Descubrirás que significa html, qué es el código html, como programar en HTML y como dominar el lenguaje css para aprender a programar y crear una página web.

  1. Introducción a HTML
  2. La estructura de HTML
  3. Formato del texto en HTML
  4. La representación de datos en HTML
  5. El layout en HTML
  6. Introducción de datos en HTML
  7. Introducción a CSS
  8. Cómo escribir CSS
  9. Propiedad CSS
  10. Layout responsive

1
Introducción a HTML

¿Qué es el código HTML?

1¿Qué es el código HTML?

Si pensamos en la web, que usamos todos los días, no podemos dejar de saber que es HTML y qué función cumple, precisamente porque es gracias a ella que todavía podemos crear y, por lo tanto, ver sitios web. El acrónimo HTML significa “ Hyper Text Markup Language “, que es un lenguaje de marcado para hipertextos, un lenguaje de marc...

Sigue leyendo
¿Para qué sirve HTML?

2¿Para qué sirve HTML?

La función de HTML es insertar contenido en páginas web y landing page para crear su esqueleto.  Pero, ¿cómo insertamos este contenido? ¡Simple! Hacemos esto a través de archivos de texto compuestos por marcadores (tag) que colocan textos e imágenes. Luego pasaremos al diseño y formato de páginas conectadas entre s&iacut...

Sigue leyendo
Contenido histórico sobre HTML

3Contenido histórico sobre HTML

Las personas que lideraron y lideran la transformación de Internet son conocidas, piensa en Bill Gates y Steve Jobs, pero aquellos que desarrollaron su funcionamiento a veces son desconocidos y anónimos en una era tecnológica que ellos mismos han contribuido a crear. Una de estas personas es Tim Berners-Lee, creador de la World Wide Web, del HTTP (HyperText Transfer Pr...

Sigue leyendo
Los mejores editores de texto

4Los mejores editores de texto

Quienes crean sitios web suelen contar con un Editor de Texto o IDE (Entorno de Desarrollo Integrado) para optimizar el flujo de trabajo diario. En internet existen muchos, como por ejemplo: Sublime Text, Atom, etc.   Cada desarrollador tiene su propio estilo, por lo que la elección del editor HTML correcto es individual, pero lo que recomendamos en Aulab es Vis...

Sigue leyendo

2
La estructura de HTML

El template HTML

5El template HTML

La estructura de un documento HTML se compone de un contenedor <html> y dos secciones distintas, a saber, el <head> y el <body>. Imaginemos nuestra página HTML simple como un ser humano: está compuesta por la cabeza (head) y el cuerpo (body). Más concretamente en la metáfora, la cabeza representa el cerebro de nuestro ser, el conocimiento interno o ...

Sigue leyendo
Tag y atributos

6Tag y atributos

HTML (acrónimo de Hypertext Markup Language) es un lenguaje de markup compuesto por una serie de elementos, conocidos como tag y atributos, que forman el núcleo de la estructura de una página web, su esqueleto. Imaginémoslos como un conjunto de herramientas que nos permiten modelar nuestro documento. Por ejemplo, hay elementos que te permiten insertar im...

Sigue leyendo
Tag genéricos

7Tag genéricos

Por lo tanto, hemos comprobado que los tag son "etiquetas" que envuelven los elementos de nuestro código html y nos permiten darles una estructura lógica y jerárquica. Pero es precisamente en esta perspectiva que es muy importante hablar también de las llamadas etiquetas genéricas. Las etiquetas genéricas son etiquetas "neutrales&qu...

Sigue leyendo
Tag metainformación

8Tag metainformación

Seguramente habrás encontrado, al leer nuestras otras guías HTML, la palabra "metaetiquetas". De hecho, ya hemos hablado sobre las etiquetas y atributos html, pero ¿qué son específicamente las metaetiquetas? Nos parecía oportuno hablar de esto de una manera un poco más detallada para despejar tu mente. Las metaetiquetas (o, pr...

Sigue leyendo

10
Layout responsive

© 2022 Aulab. Todos los derechos reservados • P.IVA: IT07647440721 • Política de privacidad