Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 15D : 9H : 6M : 23S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesión

¿Qué son y para qué nos sirven HTML y CSS?3/43

HTML: Es un lenguaje de marcado usado para decirle a tu navegador cómo estructurar las páginas web que visitas. No es un lenguaje de programación.

CSS: Es un lenguaje que nos permite crear páginas web con un diseño agradable para los usuarios. Tampoco es un lenguaje de programación.

Yo ya entiendo HTML y CSS pero voy a ver este curso como si no supiera nada, quizá aprenda algo nuevo

Siempre aparece algún comentario de desprecio hacia HTML y CSS porque no son lenguajes de programación. A esas personas les digo que HTML y CSS, cuando no se saben usar bien, pueden causar los mismos, y hasta peores, dolores de cabeza que cualquier lenguaje de programación.

Por eso lo importante de estas clases y aprender a usarlos correctamente 😃

en esta pagina pueden ver todas las etiquetas HTML
allthetags.png

Buena explicación.
Personalmente a personas que no tienen conocimiento de web me gusta explicar que HTML son los huesos, CSS es la carne y la piel y JS son los músculos, ligamentos y articulaciones.

Antes de conocer las recomendaciones de la profesora, utilizaba esta página (asesoramiento).
https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos

si no aprendo HTML Y CSS con ella, no aprendo con nadie !

Aunque puedes crear tu sitio con muchos div es recomendable que utilices las etiquetas respectivas como article, footer, header, section, aside, nav esto permite a los buscadores saber que es tal cosa y cumplir requerimientos para SEO

Les recomiendo a todos que lean también la documentación de css de la fundación mozilla firefox. Es bastante completa tanto para css como para html

genial, pensaba saltarme el video por ser algo basico, pero conoci htmlreference.io muy bueno 😃 no me saltare ningun segundo de los videos desde ahora

Direfencias entre HTML y CSS

Infographic-HTML-CSS.png

htmlreference.io

Primera clase ¿qué es HTML y CSS? ¿Para qué nos sirve?.

  • HTML: es un lenguaje de marcado de Hipertexto que nos permite estructurar las páginas web, nos permite estructurar la información para que el navegador pueda leerla y mostrarla.
    HTML Reference
  • CSS: es un lenguaje de hojas de estilo, que nos permite estilizar las paginas web, es todo el diseño que se le da a la web.
    CSS Reference

https://htmlreference.io/
y https://cssreference.io/ nos ayudarán a ver los códigos que se pueden ejecutar con cada uno de ellos

cssreference.io

Todo Ok, sigamos! en lo personal me agrada la manera de explicar de teffcode Aguilar.

Excelente las referencias que da la profe.

https://htmlreference.io/
https://cssreference.io/

Muy buenas las referencias, os comparto una por si a alguien le sirve que tiene además enlace dentro de cada elemento a la documentación oficial de la W3C

HTML5 Doctor

Buen inicio de curso, muy conceptual y eso es clave.

El ejemplo que utilizo para describir HTML y CSS,
Imagina que queremos contruir una casa, HTML sería lo que nos permite crear una estructura base, bloques, ladrillos, cemento etc. Con css a esa estructura en obra negra que hemos formado le daremos la apariencia, colores de paredes, ventanas, puertas, con ellos podemos tener una casa muy bien hecha y muy bonita.

(Claro, para que funcione bien debemos agregar JS, que serían los servicios, agua, luz, gas)

Saludos

¿Es la versión actualizada de desarrollo web online?

HTML nos proporciona las herramientas para crear una estructura de cómo va a ir nuestro contenido. Con CSS podemos darle un estilo al contenido de nuestra página.

HTML
(HyperText Markup Language) es un lenguaje compuesto por un grupo de etiquetas definidas con un nombre que permiten estructurar la información de una pagina, no es considerado un lenguaje de programación, sino un lenguaje de maquetado.

Css
(Cascading Style Sheets) es el lenguaje que se utiliza para definir los estilos de las etiquetas HTML como color, tamaño, borde, etc.

HTML no es un lenguaje de programacion sino un lenguaje de marcado y lo que hace es decirle al navegador como estructurar la pagina web → ESQUELETO

Dentro de esta estructura tenemos : Elementos y etiquetas, lo que nos sirve para construir botones, imagenes, textos, etc.

Un input es una etiqueta para poder insertar texto para lo que sea por ejemplo buscar algo

https://htmlreference.io/

CSS es otro lenguaje de hojas de estilo podemos estilizar las paginas web, como fuente texto, colores tamaños, etc.

https://cssreference.io/

HTML y CSS: Ambos son lenguajes (marcado y estilo).
NO son lenguajes de programación.

74.png75.png76.png77.png

No conocía las páginas de HTML y CSS reference, muy buenas fuentes.

jajaja también me pasó lo mismo de niño

HTML no es un lenguaje de programación. Es un lenguaje de marcado que se encarga de, con unas reglas y etiquetas en específico, estructurar la pagina web y traducirla a un lenguaje visual.

CSS es un lenguaje de estilos. Este es el encargado de estilizar esa estructura y perfeccionarla.

Que linda 😃

HTML: (Hyper Text Markup Language)
HTML, que significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language) es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web.

CCS: (Cascading Style Sheets)
El CSS++ (hojas de estilo en cascada)++ es un lenguaje que define la apariencia de un documento escrito en un lenguaje de marcado (por ejemplo, HTML).

Genial, gracias por las paginas de HTML y CSS reference, muy utiles.

para abrir el inspector de elementos en google chrome de una forma mas rápida y sencilla ejecutamos con el teclado Cntrl + shift + i 😄

sacando el juego a mi suscripcion

excelente explicación

dia a dia se aprende algo nuevo

Yo no sabia que el HTML ni el CSS eran lenguajes 😦 gracias por la info platzi ❤️

HTML
Lenguaje de Marcado.

CSS
Lenguaje de estilo.

Me gusta como estan abordando los temas, gran trabajo 💚

Les dejo el link
html.PNG

**HTML ** - Hyper Text Markup Language -
Lenguaje de marcado de hypertexto, un lenguaje para describir la estructura de la pagina web.
Es un lenguaje de marcado para decirle al navegador como estructurar la página que visitas

**CSS ** - Cascade Style Sheets -
Hojas de estilo en cascada, son una serie de reglas que describen la apariencia de una página web
Es un lenguaje que permite crear páginas web con un diseño agradable para los usuarios

html y css para hacerle una pagina web a tu morrita,

html-js-css.jpg
vikgj9pssaffio4xbb7j.png

este curso debería estar mas arriba en la ruta !

Me gusta como explican cada tema

cuando dicen que css es un lenguaje es como cuando dicen que los homeopatas son medicos y recetan medicina de verdad

2020-10-26_11h25_38.png

al momento de inspeccionar nos encontramos con una cantidad de información, a mi personalmente me recuerda la cantidad de herramientas que tengo por conocer y aprender a utilizar.

Me paso lo mismo con el inspector de elementos cuando estaba pequeño, pensaba que habia dañado algo jaja

HTML (Hypertext Markup Language)
HTML = Hypertext + MarkUp
Hypertext
Es texto ordinario al que se le incorporan funcionalidades adicionales como:
Formato,
Imágenes,
Multimedia
Y enlaces a otros documento.
MarkUp
Es el proceso de tomar el texto ordinario e incorporarle símbolos adicionales. Cada uno de estos símbolos identifica a un comando que le indica al navegador como mostrar ese texto.

HTML, es un lenguaje de marcado, usado para decirle a tu navegador cómo estructurar las páginas que visitas. No es un lenguaje de programación.
CSS, es un lenguaje que permite crear páginas web con un diseño agradable para los usuarios. Tampoco es un lenguaje de programación

  1. ¿Qué son y para qué nos sirven HTML y CSS?
  • HTML
    Es un lenguaje, pero no es un lenguaje de programación, como se vio en la anterior clase es un lenguaje de marcado, es usado para decirle a tu navegador cómo estructurar las páginas web que visitas. No es un lenguaje de programación.
  • CSS
    Cascade style sheets u Hoja de estilo en cascada es un lenguaje que nos permite dar estilos a nuestra página web con un diseño agradable para los usuarios. Tampoco es un lenguaje de programación.

En mi opinion una de las mejores paginas para buscar material sobre CSS es CSS-Tricks

es bueno comenzar desde el principio, aunque ya lo conozca

Me quiero acabar el curso de Frontend con angular en menos de 21 horas porque #SoyPobre les documentare como me va

Son valiosísimas esas dos páginas que nos recomienda Estefany sobre HTML y CSS. Hay ocasiones en que se me olvida si un elemento es block o inline, y me gusta como la página simplemente te ilumina a cuál de los dos corresponde c:

Otra referencia de documentación: https://www.w3schools.com

¿Qué es HTML?

Que es HTML

Vengo de sacar el curso definitivo de HTML y CSS con Diego de Granda. Voy a aprender de @teffcode también.

MUY bueno el curso, recuerden tomar apuntes!!

El W3C (World Wide Web Consortiun) es un consorcio internacional ?donde Organizaciones miembro, Personal Full-time y el público en general trabajan para desarrollar Estándares Web.
La misión del W3C es la de maximizar el potencial de la WWW desarrollando protocolos y guías que aseguren el crecimiento futuro de la Web.
Algunas Organizaciones miembro del W3C
Adobe Ericsson Nokia
Apple Google, inc. Opera Software
AT&T HP Sun Microsystems
Cisco IBM Corporation Telefónica de España
Citigroup Microsoft Yahoo, inc.
Deutsche Telekom Mozilla Foundation VeriSign
…Y decenas de universidades de todo el mundo

Cada minuto en platzi es un aprendizaje nuevo

De igual manera ya hice mi pagina web ,pero nunca esta de mas revisar a ver con que cosas nuevas nos encontramos.

Yo recuerdo que usaba este tipo de cosas para " hackear " juegos en facebook! ahora me doy cuenta que solo cambiaba texto y ya 😦

Qué son y para qué nos sirven HTML y CSS.

HTML
Es un lenguaje de marcado usado para decirle a tu navegador cómo estructurar las páginas que visitas.
https://htmlreference.io/

CSS
Es un lenguaje e hojas de estilo que permite crear páginas web con un diseño agradable para los usuarios.
https://cssreference.io/

Interesante… aunque ya sabia las funciones de html y css, no sabia que era un lenguaje de marcado y hojas de estilo. Gracias!!

Esperé con muchas ansias este curso, #NuncaParesDeAprender

Excelente introducción, vamos por mas.

aya vamos

Muy buenas definiciones :0 .

Grandiosos los aportes de la documentación de HTML y CSS
Serán de suma utilidad! 😄

Excelente explicación!

Cómo ser un buen desarrollador

De hecho si podríamos agregar el tamaño a las imágenes directamente en el HTML, pero eso es una mala práctica. Don’t do that!!

Me gustó mucho la explicación, Excelente Estefany!

HTML 5.0 tiene cosas bien interesantes, espero que las veamos en profundidad

super el curso facil de aprender

q buena explicacion va interesante el curso

Increíble como están abordando los temas, Felicidades platzi

Buena explicación aunque hubiera sido mejor explicarla mientras programabamos algo en vs code

HTML no es un lenguaje de programación, HTML es un lenguaje de marcado de hipertexto. Se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.
CSS es un mecanismo complementario del lenguaje HTML que permite indicarle al navegador el estilo que debe darle a los distintos elementos al desplegar la información de un sitio web.

Muy bien explicado

HTML
Es un lenguaje de marcado lo cual nos permite estructurar nuestro sitio web.
CSS
Es un lenguaje de hojas de estilo que hace bonito nuestro sitio web.

Excelente inicio de curso

Muy buena la referencia

estilizar ._. que dificil

Excelente definición para que se utiliza el HTML y el CSS

HTML ->Construir botones, imaganes, textos

Ejemplo Youtube
min 1:17 Me había tirado la pagina jejjee

input-> es una etiqueta de html en el buscador 🔍

Seria chevere que en la pagina < html reference >apareciera el objetivo de cada etiqueta.

Muy buena explicación y las paginas mostradas son muy buenas

Excelente

Yo ya entiendo HTML y CSS pero voy a ver este curso como si no supiera nada, quizá aprenda algo nuevo

Siempre aparece algún comentario de desprecio hacia HTML y CSS porque no son lenguajes de programación. A esas personas les digo que HTML y CSS, cuando no se saben usar bien, pueden causar los mismos, y hasta peores, dolores de cabeza que cualquier lenguaje de programación.

Por eso lo importante de estas clases y aprender a usarlos correctamente 😃

en esta pagina pueden ver todas las etiquetas HTML
allthetags.png

Buena explicación.
Personalmente a personas que no tienen conocimiento de web me gusta explicar que HTML son los huesos, CSS es la carne y la piel y JS son los músculos, ligamentos y articulaciones.

Antes de conocer las recomendaciones de la profesora, utilizaba esta página (asesoramiento).
https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos

si no aprendo HTML Y CSS con ella, no aprendo con nadie !

Aunque puedes crear tu sitio con muchos div es recomendable que utilices las etiquetas respectivas como article, footer, header, section, aside, nav esto permite a los buscadores saber que es tal cosa y cumplir requerimientos para SEO

Les recomiendo a todos que lean también la documentación de css de la fundación mozilla firefox. Es bastante completa tanto para css como para html

genial, pensaba saltarme el video por ser algo basico, pero conoci htmlreference.io muy bueno 😃 no me saltare ningun segundo de los videos desde ahora

Direfencias entre HTML y CSS

Infographic-HTML-CSS.png

htmlreference.io

Primera clase ¿qué es HTML y CSS? ¿Para qué nos sirve?.

  • HTML: es un lenguaje de marcado de Hipertexto que nos permite estructurar las páginas web, nos permite estructurar la información para que el navegador pueda leerla y mostrarla.
    HTML Reference
  • CSS: es un lenguaje de hojas de estilo, que nos permite estilizar las paginas web, es todo el diseño que se le da a la web.
    CSS Reference

https://htmlreference.io/
y https://cssreference.io/ nos ayudarán a ver los códigos que se pueden ejecutar con cada uno de ellos

cssreference.io

Todo Ok, sigamos! en lo personal me agrada la manera de explicar de teffcode Aguilar.

Excelente las referencias que da la profe.

https://htmlreference.io/
https://cssreference.io/

Muy buenas las referencias, os comparto una por si a alguien le sirve que tiene además enlace dentro de cada elemento a la documentación oficial de la W3C

HTML5 Doctor

Buen inicio de curso, muy conceptual y eso es clave.

El ejemplo que utilizo para describir HTML y CSS,
Imagina que queremos contruir una casa, HTML sería lo que nos permite crear una estructura base, bloques, ladrillos, cemento etc. Con css a esa estructura en obra negra que hemos formado le daremos la apariencia, colores de paredes, ventanas, puertas, con ellos podemos tener una casa muy bien hecha y muy bonita.

(Claro, para que funcione bien debemos agregar JS, que serían los servicios, agua, luz, gas)

Saludos

¿Es la versión actualizada de desarrollo web online?

HTML nos proporciona las herramientas para crear una estructura de cómo va a ir nuestro contenido. Con CSS podemos darle un estilo al contenido de nuestra página.

HTML
(HyperText Markup Language) es un lenguaje compuesto por un grupo de etiquetas definidas con un nombre que permiten estructurar la información de una pagina, no es considerado un lenguaje de programación, sino un lenguaje de maquetado.

Css
(Cascading Style Sheets) es el lenguaje que se utiliza para definir los estilos de las etiquetas HTML como color, tamaño, borde, etc.

HTML no es un lenguaje de programacion sino un lenguaje de marcado y lo que hace es decirle al navegador como estructurar la pagina web → ESQUELETO

Dentro de esta estructura tenemos : Elementos y etiquetas, lo que nos sirve para construir botones, imagenes, textos, etc.

Un input es una etiqueta para poder insertar texto para lo que sea por ejemplo buscar algo

https://htmlreference.io/

CSS es otro lenguaje de hojas de estilo podemos estilizar las paginas web, como fuente texto, colores tamaños, etc.

https://cssreference.io/

HTML y CSS: Ambos son lenguajes (marcado y estilo).
NO son lenguajes de programación.

74.png75.png76.png77.png

No conocía las páginas de HTML y CSS reference, muy buenas fuentes.

jajaja también me pasó lo mismo de niño

HTML no es un lenguaje de programación. Es un lenguaje de marcado que se encarga de, con unas reglas y etiquetas en específico, estructurar la pagina web y traducirla a un lenguaje visual.

CSS es un lenguaje de estilos. Este es el encargado de estilizar esa estructura y perfeccionarla.

Que linda 😃

HTML: (Hyper Text Markup Language)
HTML, que significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language) es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web.

CCS: (Cascading Style Sheets)
El CSS++ (hojas de estilo en cascada)++ es un lenguaje que define la apariencia de un documento escrito en un lenguaje de marcado (por ejemplo, HTML).

Genial, gracias por las paginas de HTML y CSS reference, muy utiles.

para abrir el inspector de elementos en google chrome de una forma mas rápida y sencilla ejecutamos con el teclado Cntrl + shift + i 😄

sacando el juego a mi suscripcion

excelente explicación

dia a dia se aprende algo nuevo

Yo no sabia que el HTML ni el CSS eran lenguajes 😦 gracias por la info platzi ❤️

HTML
Lenguaje de Marcado.

CSS
Lenguaje de estilo.

Me gusta como estan abordando los temas, gran trabajo 💚

Les dejo el link
html.PNG

**HTML ** - Hyper Text Markup Language -
Lenguaje de marcado de hypertexto, un lenguaje para describir la estructura de la pagina web.
Es un lenguaje de marcado para decirle al navegador como estructurar la página que visitas

**CSS ** - Cascade Style Sheets -
Hojas de estilo en cascada, son una serie de reglas que describen la apariencia de una página web
Es un lenguaje que permite crear páginas web con un diseño agradable para los usuarios

html y css para hacerle una pagina web a tu morrita,

html-js-css.jpg
vikgj9pssaffio4xbb7j.png

este curso debería estar mas arriba en la ruta !

Me gusta como explican cada tema

cuando dicen que css es un lenguaje es como cuando dicen que los homeopatas son medicos y recetan medicina de verdad

2020-10-26_11h25_38.png

al momento de inspeccionar nos encontramos con una cantidad de información, a mi personalmente me recuerda la cantidad de herramientas que tengo por conocer y aprender a utilizar.

Me paso lo mismo con el inspector de elementos cuando estaba pequeño, pensaba que habia dañado algo jaja

HTML (Hypertext Markup Language)
HTML = Hypertext + MarkUp
Hypertext
Es texto ordinario al que se le incorporan funcionalidades adicionales como:
Formato,
Imágenes,
Multimedia
Y enlaces a otros documento.
MarkUp
Es el proceso de tomar el texto ordinario e incorporarle símbolos adicionales. Cada uno de estos símbolos identifica a un comando que le indica al navegador como mostrar ese texto.

HTML, es un lenguaje de marcado, usado para decirle a tu navegador cómo estructurar las páginas que visitas. No es un lenguaje de programación.
CSS, es un lenguaje que permite crear páginas web con un diseño agradable para los usuarios. Tampoco es un lenguaje de programación

  1. ¿Qué son y para qué nos sirven HTML y CSS?
  • HTML
    Es un lenguaje, pero no es un lenguaje de programación, como se vio en la anterior clase es un lenguaje de marcado, es usado para decirle a tu navegador cómo estructurar las páginas web que visitas. No es un lenguaje de programación.
  • CSS
    Cascade style sheets u Hoja de estilo en cascada es un lenguaje que nos permite dar estilos a nuestra página web con un diseño agradable para los usuarios. Tampoco es un lenguaje de programación.

En mi opinion una de las mejores paginas para buscar material sobre CSS es CSS-Tricks

es bueno comenzar desde el principio, aunque ya lo conozca

Me quiero acabar el curso de Frontend con angular en menos de 21 horas porque #SoyPobre les documentare como me va

Son valiosísimas esas dos páginas que nos recomienda Estefany sobre HTML y CSS. Hay ocasiones en que se me olvida si un elemento es block o inline, y me gusta como la página simplemente te ilumina a cuál de los dos corresponde c:

Otra referencia de documentación: https://www.w3schools.com

¿Qué es HTML?

Que es HTML

Vengo de sacar el curso definitivo de HTML y CSS con Diego de Granda. Voy a aprender de @teffcode también.

MUY bueno el curso, recuerden tomar apuntes!!

El W3C (World Wide Web Consortiun) es un consorcio internacional ?donde Organizaciones miembro, Personal Full-time y el público en general trabajan para desarrollar Estándares Web.
La misión del W3C es la de maximizar el potencial de la WWW desarrollando protocolos y guías que aseguren el crecimiento futuro de la Web.
Algunas Organizaciones miembro del W3C
Adobe Ericsson Nokia
Apple Google, inc. Opera Software
AT&T HP Sun Microsystems
Cisco IBM Corporation Telefónica de España
Citigroup Microsoft Yahoo, inc.
Deutsche Telekom Mozilla Foundation VeriSign
…Y decenas de universidades de todo el mundo

Cada minuto en platzi es un aprendizaje nuevo

De igual manera ya hice mi pagina web ,pero nunca esta de mas revisar a ver con que cosas nuevas nos encontramos.

Yo recuerdo que usaba este tipo de cosas para " hackear " juegos en facebook! ahora me doy cuenta que solo cambiaba texto y ya 😦

Qué son y para qué nos sirven HTML y CSS.

HTML
Es un lenguaje de marcado usado para decirle a tu navegador cómo estructurar las páginas que visitas.
https://htmlreference.io/

CSS
Es un lenguaje e hojas de estilo que permite crear páginas web con un diseño agradable para los usuarios.
https://cssreference.io/

Interesante… aunque ya sabia las funciones de html y css, no sabia que era un lenguaje de marcado y hojas de estilo. Gracias!!

Esperé con muchas ansias este curso, #NuncaParesDeAprender

Excelente introducción, vamos por mas.

aya vamos

Muy buenas definiciones :0 .

Grandiosos los aportes de la documentación de HTML y CSS
Serán de suma utilidad! 😄

Excelente explicación!

Cómo ser un buen desarrollador

De hecho si podríamos agregar el tamaño a las imágenes directamente en el HTML, pero eso es una mala práctica. Don’t do that!!

Me gustó mucho la explicación, Excelente Estefany!

HTML 5.0 tiene cosas bien interesantes, espero que las veamos en profundidad

super el curso facil de aprender

q buena explicacion va interesante el curso

Increíble como están abordando los temas, Felicidades platzi

Buena explicación aunque hubiera sido mejor explicarla mientras programabamos algo en vs code

HTML no es un lenguaje de programación, HTML es un lenguaje de marcado de hipertexto. Se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.
CSS es un mecanismo complementario del lenguaje HTML que permite indicarle al navegador el estilo que debe darle a los distintos elementos al desplegar la información de un sitio web.

Muy bien explicado

HTML
Es un lenguaje de marcado lo cual nos permite estructurar nuestro sitio web.
CSS
Es un lenguaje de hojas de estilo que hace bonito nuestro sitio web.

Excelente inicio de curso

Muy buena la referencia

estilizar ._. que dificil

Excelente definición para que se utiliza el HTML y el CSS

HTML ->Construir botones, imaganes, textos

Ejemplo Youtube
min 1:17 Me había tirado la pagina jejjee

input-> es una etiqueta de html en el buscador 🔍

Seria chevere que en la pagina < html reference >apareciera el objetivo de cada etiqueta.

Muy buena explicación y las paginas mostradas son muy buenas

Excelente