HTML de manera intuitiva 2: Elementos

1

Ya que sabemos la estructura general de HTML.
Es momento de practicar los Elementos:
(Te animo a que pongas y practiques en un editor todo lo que veamos​:relieved_face:)

1.Headers:


<h1>Párrafo más grande</h1>
<h4>Párrafo más pequeño</h4>

El elemento más elemental. Aquí ponemos nuestros encabezados; observa que cuando aumenta el número es más pequeña la letra… h1 es la más grande, después h2, h3 y así👌🏼.

2.Párrafos:

<p>Aquí ponemos cualquier párrafo de nuestro contenido:)</p>

3.Listas:

<ul>
    <li> Lista no numerada</li>
    <li>segundo elemento de nuestra lista</li>
     <li>Podemos poner todos li que necesitemos</li>
<ul>

<ol>
      <li>Lista enumerada</li>
      <li>Dos</li>
      <li>tres</li>
</ol>

Ejemplo:

<!DOCTYPE html>
<html>
<head>
  <title>Tenistas professionales</title>
</head>
<body>
  <h1>Algunos de los mejores Tennista 🎾</h1>
  <p> 
         Rafael Nadal piensa retirarse en 2024...
         Mientras que R.Federer y Serena Williams 
         se retiraron  en 2022:(
         
  </p>

  <h2>Rafael Nadal:</h2>
   <ul>
       <li>Altura: 1.85m</li>
       <li>Peso: 85Kg</li>
   </ul>

  
  
  <h2>Roger Federer</h2>
  <ul>
    <li>Altura: 1.85m</li>
    <li>Peso:  85Kg</li>
  </ul>
  
  <h2>Serena Williams</h2>
  <ul>
    <li>Altura: 1.75m</li>
    <li>Peso:  68Kg</li>
  </ul>
  
</body>
</html>
1 Like
2

Saludos @Aldo11 :wave:t3::wave:t3:
Imagino que tu comentario incluido en el foro se debe a que no consigues avanzar con el ejercicio.

Antes de nada, debo de decirte que tu código está bien realizado y no he visto fallo alguno. Es más, te adjunto una captura de pantalla tal y como lo debes de estar visualizando en tu ordenador:

Screen1a
Screen1a714×397 17.3 KB

Desafortunadamente :cry: , los ejercicios están preparados para que los alumn@s completen la misma tarea. En tu caso y tras haber revisado el temario, creo que debes de estar haciendo “Creación de una Galería de Fotos de Gato” (Módulo 1).

No obstante, te animo a que pongas en práctica los conceptos que vayas aprendiendo, realizando proyectos personales como el código que has compartido con la Comunidad.
Esto te permitirá coger destreza y practicar todo lo aprendido en el curso :slight_smile: .

Mucha suerte y espero que no te pierdas la final de Wimbledon :tennis::trophy:
Saludos