No tienes acceso a esta clase

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

Aproximación a las herramientas de desarrollo

11/23
Recursos

Reto: HTML, CSS, JS

Sitio a revisar - Codepen Reto: HTML, CSS, JS

Utilizando las developer tools, dirígete al sitio dado y responde las siguientes preguntas:

  • Cuál es el tamaño de la tipografía del título?
  • Cuál es el color del título?
  • Cuál es la etiqueta que usa el título?
  • Cuál es el único atributo del título?
  • Cuál es el tamaño renderizado de la imagen?
  • Menciona la funcionalidad del sitio que usa JavaScript

Adicionalmente, realiza estas acciones:

  • Elimina la imagen
  • Cambia el texto del título desde los elementos de developer tools

Aportes 32

Preguntas 2

Ordenar por:

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

o inicia sesión.

Tamaño de la fuente: 32px
Color del título: #191a24
Etiqueta : <h3> </h3>
Atributo: class
Image rendered size: 400 x 100 px
Funcionalidad del sitio que usa JavaScrip: ingresar, agregar y mostrar
Para eliminar la imagen solo borre el texto del código en HTML.
Cambie el texto desde el código HTML también quise cambiarle el color solo como plus.

  • Tamaño de la fuente: 32px
  • Color del titulo: #191a24
  • Etiqueta : <h3> </h3>
  • Atributo: class
  • Image rendered size: 400 x 100 px
  • Funcionalidades: ingresar opción, agregar opción y mostrar opción

Si se preguntan porque las etiquetas del profesor son tan largas, eso es porque el esta utilizando TailwindCSS, un framework que te permite darle estilos a tus etiquetas a través del atributo class y no es necesario definirlas en un archivo de css aparte. Tailwind tiene un curso sobre este framework curso

-Tamaño de la fuente: 32px. -Color del titulo: #191a24. -Etiqueta : \<h5> \</h5>. -Atributo: class. -Tamaño de la imagen: 400 x 100 px. -Funcionalidades: ingresar opción, agregar opción y mostrar opción. ![](https://static.platzi.com/media/user_upload/image-34f6a07e-7391-4727-9eb3-550b6ff5cbae.jpg)![]()

Utilizando las developer tools:

Cuál es el tamaño de la tipografía del título?
R/ font-size: 32px

Cuál es el color del título?
R/ color: #191a24

Cuál es la etiqueta que usa el título?
R/ <h3></h3>

Cuál es el único atributo del título?
R/ class

Cuál es el tamaño renderizado de la imagen?
R/ 400 x1 00

Menciona la funcionalidad del sitio que usa JavaScript
R/ cambiar el contenido y revisar la flexibilidad de nuestro sitio, se hace mediante eliminar un nodo, nos muestra como se acomodan los elementos adjacentes que se elimino.

Muy bueno, tenia claro lo de la inspección, pero el simular velocidades de carga no. Quizás faltó mencionar en las opciones de dispositivos móviles, también es muy útil 😃

Reto

font-size: 32px;
color: #191a24;
etiqueta: <h3>
atributo: class
image: 400 x 100
JavaScript: ingresar, agregar y mostrar opción
Elimine la imagen, simplemente quitando el codigo html.
Cambie el texto desde el codigo html
![](
En vez de borrar aproveche y le di un toque al html .

Tamaño 32 px
Color #191a24
etiquet <h3></h3>
atributo class
400 x 100

Reto

font-size: 32px;
color: #191a24;
etiqueta: <h3>
atributo: class
image: 400 x 100
JavaScript: ingresar, agregar y mostrar opción

Elimine la imagen, simplemente quitando el codigo html.
Cambie el texto desde el codigo html

  • font-size: 32px;

  • color: #191a24;

  • Etiqueta: <h3>

  • Atributo: class

  • Tamaño de renderizado de iamgen: 400 x 100 px

  • Funcionalidad JS: ingresar opción, agregar opción y ver la lista de opciones agregadas.

  • font-size: 32px;
  • color: #191a24;
  • Etiqueta: <h3>
  • Atributo: class
  • Rendered size: 400 x 100 px
  • Funcionalidad: ingresar opción, agregar opción y ver la lista de opciones agregadas.

Reto adicional:

Tamaño de la fuente: 32px
Color del titulo: #191a24
Etiqueta : <h3> Ejercicio #1 </h3>
Atributo: class
Image rendered size: 400 x 100 px
Funcionalidades: ingresar opción, agregar opción y mostrar opción.

https://codepen.io/alvaaz/full/wvjBvLQ

Hola Pofe! Muy buen contenido

Adjunto el aporte de la actividad:

  1. Tipografía del título: Sans - Serif - 32px
    2.Color del título: #191a24
  2. Etiqueta que usa el título: <h3</h3>
  3. Atributo del título: Class
  4. Tamaño renderizado de la imagen:
  5. Funcionalidad del sitio que usa JavaScript: No sé cómo ver esta información.

¿Cuál es el tamaño de la tipografía del título?
font-size: 32px;
¿Cuál es el color del título?
color: #191a24;
¿Cuál es la etiqueta que usa el título?
<h3></h3>
¿Cuál es el único atributo del título?
Class=“Title”
¿Cuál es el tamaño renderizado de la imagen?
Tamaño renderizado: 400 × 100 px

  • Menciona la funcionalidad del sitio que usa JavaScript

Crear una lista de opciones mediante un campo input y un botón “Agregar opción +”

* Tamaño del título 32px * Color del título: #191a24 * Etiqueta del título: \

Cambia este título\

* Atributo: class * Tamaño del renderizado de img: 400px x 100px
no aparece nada en la sección de recursos. Alguien puede pasar el link para el reto?

Font-size: 32px;
Color: #191a24;
Etiqueta: <h3>
Atributo: class
Tamaño renderizado: 400 x 100
Funcionalidad javaScript: ingresar, agregar y mostrar opción

hice la eliminacion de la img y modificacion de titulo pero no se como publicar una imagen.

  • Tamaño de tipografía: 32px
  • Color del título: #191a24
  • Etiqueta:<h3></h3>
  • Atributo: class
  • Tamaño renderizado: 400x100px
  • Funcionalidad: Ingresa una opcion, agregar opción y mostrar opción
  1. Tamaño de fuente: 32px
  2. Color titulo: #191a24
  3. etiqueta: <h3></h3>
  4. atributo: class=“title”
  5. Tama de la imagen: 400x100px
  6. Funcionalidades: input con ingresar opción, botón que permite agregar las opciones y listado que muestra las opciones ingresadas
  1. Cuál es el tamaño de la tipografía del título?
    R= 32px
  2. Cuál es el color del título?
    R= #191a24
  3. Cuál es la etiqueta que usa el título?
    R=<h3></h3>
  4. Cuál es el único atributo del título?
    R= Class
  5. Cuál es el tamaño renderizado de la imagen?
    R= 400 × 100 px
  6. Menciona la funcionalidad del sitio que usa JavaScript
    R= Ingresa una opción y mostrar opción

EL RETO:

-Tamaño de la fuente: 32px
-Color del titulo: #191a24
-Etiqueta : <h3>
-Atributo: class
-Rendered size: 400 x 100 px
-Image

Cuál es el tamaño de la tipografía del título? 32px
Cuál es el color del título? #191a24
Cuál es la etiqueta que usa el título? <h3></h3>
Cuál es el único atributo del título? Class
Cuál es el tamaño renderizado de la imagen? 400*100
Menciona la funcionalidad del sitio que usa JavaScript. INGRESAR OPCIÓN, AGREGAR OPCIÓN Y MOSTRAR OPCIÓN

Cuál es el tamaño de la tipografía del título?

  • 32 px
    Cuál es el color del título?
    -191a24
    Cuál es la etiqueta que usa el título?
  • h3
    Cuál es el único atributo del título?
  • class
    Cuál es el tamaño renderizado de la imagen?
  • 400x100 px
    Menciona la funcionalidad del sitio que usa JavaScript
  • ¿Cómo sé cuál es la funcionalidad?

Lo hice y también encontré la forma de cambiar el color del botón “agregar opción”

Cuál es el tamaño de la tipografía del título? 32
Cuál es el color del título? #191a24
Cuál es la etiqueta que usa el título? <h3> </h3>
Cuál es el único atributo del título? class="title"
Cuál es el tamaño renderizado de la imagen? 400x100 px
Menciona la funcionalidad del sitio que usa JavaScript.
Quisiera saber donde puedo ver las fuciones de javascript que usa el sitio ?

Cuál es el tamaño de la tipografía? 54px
Cuál es el color del título? #fff
Cuál es la etiqueta del título? <h1>
Cuál es el atributo único del título? class
Cuál es el tamaño renderizado de la imagen? 776 x 480
Menciona la funcionalidad del sitio que usa JavaScript: descargar y otro dispositivos para su funcionalidad, mostrar más.

Cuál es el tamaño de la tipografía del título? --32px
Cuál es el color del título? – hsl(235, 17,12);
Cuál es la etiqueta que usa el título? – <h3>
Cuál es el único atributo del título? – <CLASS>
Cuál es el tamaño renderizado de la imagen? 400 X 100 PX
Menciona la funcionalidad del sitio que usa JavaScript – Agregar texto en un imput.

Reto completando 🤩:

  • Cuál es el tamaño de la tipografía del título?: 32px
  • Cuál es el color del título?: Hexadecimal “#191a24”
  • Cuál es la etiqueta que usa el título?: <h3></h3>
  • Cuál es el único atributo del título?: class=“title”
  • Cuál es el tamaño renderizado de la imagen?: width = 400px y height = 100px
  • Menciona la funcionalidad del sitio que usa JavaScript: Toma el texto que se introdujo en el input con id “option” y lo agrega a una lista dinámica con id “list”
    .
    Resultado final:

<h3 class=“title”>Booking Hotel</h3>
Tamaño de la fuente: 32 px
Color del título: #191a24
Image rendered size: 400 x 100 px