No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Aproximación a HTML desde el diseño

7/23
Recursos

Aportes 10

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Espero les sea de gran ayuda 😃

🤩

| Pistas/Preguntas | Notas | |-------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------| | ¿Qué es HTML? | HTML es un lenguaje de marcado que define la estructura fundamental de las páginas web, similar al esqueleto humano. | | Estructura de una etiqueta de HTML | Una etiqueta de HTML se compone de una etiqueta de apertura, contenido y etiqueta de cierre. Ejemplo: `

Hola, soy un párrafo

`. | | ¿Qué son los atributos en HTML? | Los atributos proporcionan información adicional sobre un elemento y se colocan dentro de la etiqueta de apertura. Ejemplo: `type` y `class`. | | Ejemplo de etiquetas de formulario | Un campo de texto se crea con `<input type="text">` y puede tener atributos como `placeholder` para guiar al usuario. | | Importancia de HTML para diseñadores | Conocer HTML permite a los diseñadores colaborar eficazmente con desarrolladores y entender la implementación de sus diseños. | --- ## Resumen HTML es el lenguaje de marcado que define la estructura de las páginas web, utilizando etiquetas que pueden tener atributos para proporcionar información adicional sobre los elementos. Este conocimiento es fundamental para diseñadores, ya que les permite colaborar mejor con los equipos de desarrollo y entender cómo se implementan sus diseños en la web.
```js <html> <head> <meta charset="utf-8"> <title>Mi sitio/página</title> </head> <body>

Esta es mi página

</body> </html> ```\ \<html> \<head> \<meta charset="utf-8"> \<title>Mi sitio/página\</title> \</head> \<body> \

Esta es mi página\

\</body> \</html>
```js <html> <head> <meta charset="utf-8"> <title>Mi sitio/página</title> </head> <body>

Esta es mi página

</body> </html> ```\ \<html> \<head> \<meta charset="utf-8"> \<title>Mi sitio/página\</title> \</head> \<body> \

Esta es mi página\

\</body> \</html>
**Aproximación a HTML** En este módulo de aproximación a los lenguajes de la web conoceremos sus pilares. **Objetivos** * Tener una noción de qué es HTML * Comprender qué es una etiqueta * Anatomía básica de un archivo HTML HTML es un lenguaje de marcado, se refiere a que utiliza trozos de código para definir dónde se muestran ciertos elementos en una página web (texto, imágenes o videos). **¿Qué es HTML?** Este lenguaje le da a conocer a nuestro navegador cómo estructurar nuestro sitio web. **Anatomía: Etiquetas** HTML está conformado por múltiples etiquetas, cada etiqueta se podría denominar una **sintaxis**. Esta estructura nos ayuda a entender lo que estamos escribiendo al momento de especificar un elemento. **Elementos** Cada elemento es una capa dentro de nuestro archivo de diseño. **Atributos, valores y contenido** Los **atributos** son información adicional de nuestros elementos y que no aparecen en el contenido de la web. Entre ellos está el atributo `class` que permite modificar ese elemento en particular. **Anatomía de un documento HTML** Esta es la estructura base que vas a encontrar en cualquier archivo `.html`: ```js <html> <head> <meta charset="utf-8"> <title>Mi sitio/página</title> </head> <body>

Esta es mi página

</body> </html> ```
**Aproximación a HTML** En este módulo de aproximación a los lenguajes de la web conoceremos sus pilares. **Objetivos** * Tener una noción de qué es HTML * Comprender qué es una etiqueta * Anatomía básica de un archivo HTML HTML es un lenguaje de marcado, se refiere a que utiliza trozos de código para definir dónde se muestran ciertos elementos en una página web (texto, imágenes o videos). **¿Qué es HTML?** Este lenguaje le da a conocer a nuestro navegador cómo estructurar nuestro sitio web. **Anatomía: Etiquetas** HTML está conformado por múltiples etiquetas, cada etiqueta se podría denominar una **sintaxis**. Esta estructura nos ayuda a entender lo que estamos escribiendo al momento de especificar un elemento. **Elementos** Cada elemento es una capa dentro de nuestro archivo de diseño. **Atributos, valores y contenido** Los **atributos** son información adicional de nuestros elementos y que no aparecen en el contenido de la web. Entre ellos está el atributo `class` que permite modificar ese elemento en particular. **Anatomía de un documento HTML** Esta es la estructura base que vas a encontrar en cualquier archivo `.html`: `` `<html>` `<head>` ` <meta charset="utf-8">` ` <title>Mi sitio/página</title>` `</head>` `<body>` `

Esta es mi página

` `</body>` `</html>`
¡Es genial! <3 ![](https://static.platzi.com/media/user_upload/image-3d062707-6284-4dff-aa53-a7ec9c30d4f8.jpg)