Carlos Eduardo Gomez García
Yancarlo Urdaneta
Un clásico la imagen que muestras de primero, jaja!
Bayron Sotelo
uma imagen perfecta de las estructuras de HTML, CSS y JavaScrpit
La web se construye mediante tres tecnologías esenciales: HTML, CSS y JavaScript. Estos tres lenguajes son las bases en que una aplicación o página web está construida.
Por el momento, omitiremos el lenguaje de programación JavaScript.
¿Qué es HTML?
El Lenguaje de Marcado de Hipertexto o HTML por sus siglas en inglés (HyperText Markup Language) es el código para construir la estructura de una página web.
En otras palabras, HTML es el esqueleto con el cual definimos cada elemento que compone la página web, así como: enlaces, párrafos, títulos, botones, imágenes, formularios, entre otros.
¿Qué es CSS?
El lenguaje de Hojas de Estilos en Cascada o CSS por sus siglas en inglés (Cascade Style Sheets) es el código para describir la presentación de los elementos de la página web, los que definimos con HTML.
Para qué sirven las herramientas del navegador
Las herramientas del navegador son importantes para visualizar lo que ocurre con el código generado. Entre una de la opciones está identificar los elementos que están estructurados en la página web con sus respectivos estilos.
Las herramientas de desarrollador se despliegan con la combinación de teclas F12 / Ctrl + Shift + I / Cmd + Opt + I o clic derecho e “Inspeccionar” en tu navegador preferido (se recomienda Google Chrome).
Contribución creada por Andrés Guano (Platzi Contributor).
Carlos Eduardo Gomez García
Yancarlo Urdaneta
Un clásico la imagen que muestras de primero, jaja!
Bayron Sotelo
uma imagen perfecta de las estructuras de HTML, CSS y JavaScrpit
María Del Pilar Chávez Gutiérrez
Sura Naileth Cedeño Lopez
Team PlatziQué buen meme, me sacó una carcajada, cuando lanza la flecha eso sería JavaScript :D
Andrés Felipe Lopez gomez
jajajaja
Axel Enrique Galeed Gutierrez
Les comparto, mis apuntes. :D
HTML
Son siglas en ingles de HyperText Markup Language o Lenguaje de Marcado de Hipertexto.
¿Para qué sirve?
Nos sirve para estructurar toda nuestra página web, si hacemos la referencia con el cuerpo humano es como el sistema óseo, lo vamos a utilizar para colocar texto, imágenes, botones, videos, etc. Nos da una estructura inicial.
CSS
Son siglas en inglés de Cascading Style Sheets u Hoja de estilos en cascada.
¿Para qué sirve?
Lo usaremos para darle vida a nuestros sitios web, si hacemos referencia con el cuerpo humano sería el aspecto ya sea la altura, contextura física, color de piel, cabello, etc.
Nos permite estilizar todo nuestra estructura de HTML ya sean textos, imágenes, botones, etc.
HTML y CSS
Estos son un gran complemento, trabajan juntos.
Platzi Team
Muchas gracias por tus aportes, son muy valiosos
Carlos Rojano Gomez
Grande, un excelente resumen
HTML: nos ayuda a darle una estructura a nuestra página web. CSS: Nos ayuda a darle estilos a los componentes de la estructura del HTML.!
Max Andy Diaz Neyra
Apuntes de la clase: HTML
HTML: lenguaje de marcado de hipertexto
HTML nos sirve para estructura nuestra pagina web.
CSS
CSS: hojas de estilo en cascada
CSS: nos permite estilizar nuestros textos, imágenes, etc.
Herramientas de Google Chrome
Podemos hacer clic derecho en una página e inspeccionar como está construida
Por un lado arriba veremos el código HTML, las etiquetas.
Y en la parte de abajo veremos el código CSS, las propiedades y sus valores.
Joalin Pineda
¡Hola! :D
Muchas gracias por el aporte. 👌
¡Nunca pares de aprender! 💚
Luis Alejandro Vera Hernandez
Ahh! El antiguo Home! Me gustaba más, personalmente. Podía repasar contenido de los aportes de los compañeros cuando alguien mas comentaba
José Iván Ballín González
Concuerdo contigo, ahora simplemente no encuentro como conocer mis resultados del mes. Creo que quitaron algunas cosas chéveres que tenían antes. :(
Jose Tellez
Estoy en desacuerdo, se me hace más fácil e intuitivo este home. Vienes a estudiar, encuentras rapido tus cursos y continuas donde estabas. Igual el antiguo era cool
Carlos Adrian Rodriguez Bernales
Les comparto esta página en donde pueden encontrar mucha documentación sobre desarrollo web. Espero que les sirva :D
Miguel Ángel Ramón Candia
Gracias!!, la revisaré :)
Luis Carlos Montes Romero
Valeria Vanesa Zalazar
ja,ja,ja,muy buena tu comparación.
Luis Felipe Navas Bravo
Práctica 1. Repitiendo los pasos vistos en clase, realice una inspección al sitio web de platzi y explica un bloque de código css de su preferencia.
Ejemplo:
.Question-answer { color: #8da2c0; font-size: 1rem; line-height: 1.5; border: 1px solid #8da2c0; border-radius: 0.5rem; padding: 12px 40px 12px 12px; }
Este bloque de código contiene las características de estilo que tendrá toda caja en el html que asginemos con el nombre .Question-answer, entiéndase una caja como un div en el html (al menos eso es lo que entiendo al momento de hacer este aporte)
El bloque CSS inicia donde abren las llaves y finaliza donde cierran (duh), dentro de el se definen características como el color que está dado por su valor equivalente en código ASCII, el tamaño de la fuente, la cual esta dada en la unidad de medida rem, el alto de la linea (no se especificamente a que linea se refiere), el borde de la caja donde se aloja todo el contenido del div , el radio del borde (tampoco me queda claro como se mide) y el padding que son algo asi como márgenes alrededor de la caja.
Podemos observar a detalle la definición de un padding en el siguiente enlace:
https://developer.mozilla.org/es/docs/Web/CSS/padding
José Bastidas
Excelente aporte, un detalle el valor del color no es código ASCII, es un valor hexadecimal.
Nicolas Alejandro Oller
Reynaldo Fuentes Garcia
HTML (lenguaje de marcas de hipertexto), es el lenguaje donde se define la información o el contenido del documento, el formato de los archivos es .html
CSS (cascading style sheets), el lenguaje donde se especifica el diseño del documento, maneja todo lo relacionado con la parte visual, el formato de los archivos es .css
JavaScript, el lenguaje que hace que todo sea interactivo, es realmente el lenguaje de programación que nos permite crear sitios web, el formato de los archivos es .js
El ejemplo del lego con que Platzi tambien explica ayuda mucho
Joalin Pineda
¡Hola! :D
Muchas gracias por el aporte. 👌
¡Nunca pares de aprender! 💚
Yancarlo Urdaneta
HTML es un lenguaje de marcas de hipertexto, y aquí es donde se estructura toooda la página web. CSS nos da la vida a nuestras páginas web agregando estilos a TODOS los elementos que se insertan al documento html.
Carlos Ramos
Clase 2 - ¿Qué es HTML y CSS? ¿Para qué sirven?
¿Qué significan las siglas HTML?
¿Para qué nos sirve HTML?
¿Qué es la estructura en HTML?
¿Qué significan las siglas CSS?
¿Para qué nos sirve CSS?
¿HTML y CSS trabajan juntos?
¿Cuál es la tercera tecnología que es fundamental para la construcción de páginas web?
¿Para qué nos sirve JavaScript?
¿Cómo podemos abrir las herramientas de desarrollo o Dev Tools?
¿Para qué nos sirven las herramientas de desarrollo o Dev Tools?
¿En qué ventanas están divididas nuestras herramientas de desarrollo o Dev Tools?
Camilo Andrés Pedroza Mesa
muchas gracias por compartir tus apuntes, se ven muy completos.
Jesus Eduardo Sanchez Baños
HTML es un lenguaje de marcado utilizado para definir la estructura y contenido de una página o documento web.🦴
El CSS es un lenguaje que define la apariencia de un documento escrito en un lenguaje de marcado (por ejemplo, HTML).🎨
Camila Esmeralda Molina Pineda
HTML y CSS, el resumen (solo en cines)✨:
Jorge Martinez
Excelente, gracias por compartir.
Rafael Soriano Ramírez
¿cómo podemos saber cuales son las buenas prácticas o semántica en html?
Sura Naileth Cedeño Lopez
Team PlatziHola aquí te dejo un artículo para que conozcas las buenas prácticas. Y checa este vídeo para que conozcas la semántica de HTML
Gianluca Reyes Cisneros
mira los cursos practicos de diego de granda, es un crack y expica todo
Babel Gnz
Hola compañeros, alguien recuerda como añadir imágenes a un sitio web mediante la referencia web? recuerdo que lo aprendía aquí, solo que ya no encuentro la clase, vi que se hacia con Imgur, si alguien me pudiera apoyar se lo agradecería mucho.
Joel Sánchez Ramírez
Lo puedes hacer de 2 formas, por CSS o con la etiqueta img de HTML, si eliges la primera Te debe quedar algo similar a esto: background-image: url("https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png"); y con HTML quedaría así: <img src="URL DE LA IMAGEN">
Cesar David Castillo Gomez
Copias la url de la imagen y la pegas en la etiqueta Img. Por ejemplo:
<img src="URL De la imagen">
Saludos!!
Ricardo Alfonso Chavez Vilcapoma
Thomas André Dale Guevara
Cristhian Carrión
HTML y CSS, son fáciles de entender y de usar, o al menos en mi experiencia lo fue ... talvez, no para todos.
Esta es la imagen que más se suele usar para describir qué es HTML, CSS y JavaScript 👇 .
"Quiero que tengas este color de fondo, también quiero que tengas este tamaño y quiero que tengas bordes redonditos porque se ven bien cool 😎".
. ¡Sí! Con CSS puedes personalizar tus elementos, o sea, darle estilos. Por eso decimos que "CSS" es la parte visual 💅. . Por cierto, aunque el home de Platzi cambió, quiero que vean cómo incluso entre diferentes versiones de la misma página lo que es HTML y CSS siempre se van a conservar 👀. ¡Es que HTML y CSS son los dioses de la web! Gracias a ellos dos podemos hacer páginas web. Y sí, todas... TODAS las páginas web tienen HTML y CSS 😏 .