Paso a paso:
¡Ahora te toca a tí! Ya estás listo para crear tu propio sitio web. Te sugerimos:Volver a ver algunas de las lecciones previas cuantas veces quieras para repasar los contenidos.
Incluye las reglas visuales que hemos visto cómo aplicar color a un elemento y a su fondo, agregar un poco de opacidad para suavizar los colores, alinear los textos y cambiar la fuente, tamaño y grosor de un texto. Y lo más importante, ¡no olvides de usar tu imaginación y creatividad!
Proyecto Padre
Paso a paso:
- Cambia la fuente predeterminada de h1 y h2 a Courier New con la propiedad font-family. Y para los párrafos agrega la fuente Garamond de la misma manera.
- En h3 agrega la propiedad de peso de fuente para poner el texto en negrita escribiendo el valor bold
- Para que el párrafo tenga un tamaño más grande usa la propiedad font-size con el valor 18px
26. Para que los fondos de los encabezados y párrafos se vean más claros usamos la propiedad opacity, agregando el valor 0.7 en h1 y h2, y 0.8 para h4 y <p>.
Paso a paso:
- Mira el archivo HTML para revisar los diferentes elementos con los que tienes que trabajar.
- Selecciona el elemento h1 y escribe la propiedad background-color para asignar el color darkblue de fondo.
- Agrega el color darkmagenta al fondo del elemento h2 y darkslateblue al fondo del elemento h4.
- Agrega color white a los títulos en h1, h2 y h4 para que coincida con el color de fondo.
- Cambia la alineación del texto en h1, h2 y h3 escribiendo la propiedad text-align con el valor center debajo de la propiedad color.
Haz click en continuar para seguir trabajando en el proyecto
¡Ahora te toca a tí! Ya estás listo para crear tu propio sitio web. Te sugerimos:
-
- Volver a ver algunas de las lecciones previas cuantas veces quieras para repasar los contenidos.
Incluye muchas imágenes, enlaces, listas y todos los elementos HTML que hemos visto.
Y lo más importante, ¡no olvides de usar tu imaginación y creatividad!
- Volver a ver algunas de las lecciones previas cuantas veces quieras para repasar los contenidos.
test
-
Ahora, debajo de la etiqueta <body>, agrega una etiqueta <h3> que diga “por Ly | Hace 1 día»
-
Crear una lista. La lista debe tener los siguientes cuatro elementos:
-
Visita las 5 maravillas del mundo.
-
Hoteles con historia
-
Tips para viajeros principiantes.
-
Los mejores cruceros para este verano.
-
-
Convertir la palabra “planeta” en un enlace y haga que vaya a: https://viajes.
nationalgeographic.com.es/ multimedia . Asegúrese de incluir el atributo target=»_blank» para que se abra en una página nueva. - Debajo de la etiqueta <ul>, agrega un nuevo <div> y establece su id=“contacto”
- Dentro del <div>, crea una nueva etiqueta <p> y coloca la siguiente información de contacto dentro de ella: correo electrónico: ly@wonderx.com
-
Colocar las etiquetas <strong> de apertura y cierre alrededor de «correo electrónico»
-
Hagamos que la imagen de perfil sea un enlace a la sección de contacto de la página web. Busca la etiqueta <img> de perfil y rodeala con etiquetas de apertura y cierre <a>. En la <a>etiqueta, establezca href=»#contacto».
-
Agrega las etiquetas <body>.
-
Agregar una etiqueta de título <h1> que diga: «Playa, gastronomía y cultura: Los 3 destinos más visitados del mundo»
- Agregar una etiqueta <h2> que diga: “Bali, Indonesia”
- Agregar una etiqueta <h2> que diga: “París, Francia”
- Agregar una etiqueta <h2> que diga: “Nueva York, Estados Unidos”
-
Entre la etiqueta <h1> y la primera etiqueta <h2>, agregue una etiqueta <p> que diga: “El mundo es tan grande que a la hora de viajar necesitamos inspiración para decidirnos por un destino u otro. Hoy en día podemos alcanzar prácticamente cualquier rincón del planeta, con tan solo un clic de distancia. Aquí te recomendamos 3 de los mejores lugares visitados en el mundo, en los que tendrás una experiencia inolvidable.”
Entre la primera y la segunda etiqueta <h2>, agregue otro párrafo a la publicación usando la etiqueta <p>: “La isla de Bali, en Indonesia, es la número uno. ¿Por qué será? Es posible que sean las playas de arena blanca como Lovina Beach, el verde intenso de sus selvas en el Parque Nacional de Bali Occidental, los antiguos templos (más de 10.000) o los diferentes senderos para hacer excursionismo. Alquila una moto para moverte por la isla: no dejes de ir al templo Tanah Lot para ver atardecer, piérdete por los arrozales de Jatiluwih o en Tegalalang, escoge playa o lago, visita algún volcán o, incluso, aprovecha para casarte ¡Bali es la isla de los dioses!”
Entre la segunda y la tercera etiqueta <h2>, agregue otro párrafo a la publicación usando la etiqueta <p>: “La ciudad de la luz, del amor, la ciudad de la literatura, está llena de atracciones suficientes para una vida. Es la única ciudad que tiene dos lugares entre los diez de mayor interés turístico de Europa: la Torre Eiffel y Notre Dame. Pero, ¿qué más? Toda una clase de arte en el Museo del Louvre, callejear por sus barrios como Marais o el Barrio latino, disfrutar de la gastronomía en algunos de sus bistro, pasear por la rivera del Sena o visitar el mundo de Amélie Poulain, ¡París no se acaba nunca!”
En la tercera y última etiqueta <h2>, agregue otro párrafo a la publicación usando la etiqueta <p>: “Si hay una idea universal de ciudad, esa es la que encarna Nueva York. La hemos visto tantas veces en películas, que cuando se visita por primera vez parece que andas de escena en escena. Esta ciudad es inabarcable y tiene tantas caras que harían falta diferentes vidas para decir que se conoce bien. Pasear por Central Park en otoño o primavera, ir al MoMA, la cuna del arte moderno, ver la Estatua de la Libertad, los rascacielos míticos como el Empire State Building, cruzar el Puente de Brooklyn, Little Italy, Coney Island, es solo una pequeña parte de todo lo que puedes hacer en Nueva York.”
-
Encima de cada párrafo, agregue una etiqueta <img> con el atributo src que sea uno de los siguientes enlaces:
10. Ahora agreguemos una foto de Ly, para que la comunidad me conozca. Debajo de la etiqueta del cuerpo de apertura, agrega una etiqueta <img> con la fuente de la imagen: https://learnwonderly.com/wp-
¿Cómo construir mi primer sitio web?
- Agregar la declaración <!DOCTYPE html> como la primera línea de código.
- Añadir la etiqueta <html>.
- Agrega la etiqueta <head>.
- Escribe las etiquetas <title>. El título del sitio web es «Ly por el Mundo | Guía para viajeros».