Contenido del curso
Contenido del curso
Kivin dirlían López giraldo
Angélica Rocha
Daniel Carmona
Christian David Sánchez
David Axel González Flores
Christian David Sánchez
Bernardino Villagra Baez
Jean Nuñez
Lily Bejarano
Carlos Eduardo Gomez García
Misael Gomez
Jonathan Barzola
Lizeth Natalia Hilarión Ávila
Jesus Manuel Hernandez Diaz
Victor Andres Castillo Zambrano
Roner Ortega Cueto
Angélica Rocha
Roner Ortega Cueto
Valeria Calcina Cisneros
Diana Carolina Torres Castaño
Henry Caicedo Velasco
Diana Carolina Torres Castaño
Jean Nuñez
Cristian de Jesús Zamora Rizo
Roner Ortega Cueto
JOSE DANIEL RAMIREZ PABON
Sebastián Riátiga
Ulises Antonio Sámano Galván
Julian Mauricio Rivera Amaya
Jhonatan David Ibarra Lavado
Ieesus Steve Chumpitaz Castillo
andrés eduardo betancourt bescanza
Fernando Reyes
Lucas Ramirez
Melissa Vela
Víctor Hugo Morales Martínez
Fernando Galdós
se puede utilizar la siguiente opción para ahorrarnos tiempo
<ul*2>li*4>a>
Muchas gracias, funciona :D
gracias
Los cuatro estados de enlaces son:
a:link - un enlace normal no visitado a:visited - un enlace que el usuario ha visitado a:hover - un enlace cuando el usuario pasa el mouse sobre él a:active - un enlace en el momento en que se hace clic
Excelente, muchas gracias por la informacion!
Genial, me alegra que te haya servido @davidaxel121 :)
Short para crear los menús del footer
ul>li*4>a ul>li*3>a
es ma facil asi, gracias
Genial
Quiero aprovechar a hacer un aporte del cual tal vez puedan sacar utilidad, es posible que hayan visto que a veces el profesor usa combinaciones como li*4 para generar etiquetas de forma más rápido, bueno, esto es un plugin que ya trae Visual Studio Code por defecto llamado "Emmet", este plugin fue la sensación en su día cuando salió porque permitía escribir código HTML más rápido y casi casi que programando, en editores como Sublime Text o Atom tenías que instalarlo por aparte, pero en Visual Studio Code ya viene instalado por defecto.
Les recomiendo mucho aprender sobre emmet:
Gracias!!!
Buen aporte Retax!
Con los comandos: Shift + Alt + F se indenta solo el archivo HTML en visual studio code
En mi caso es con Alt + z solamente
gracias
Tambien pueden utilizar una opcion que se llama Multi Click Selector que les permite seleccionar en varias lineas y escribir simultaneamente en cada una de ellas presionando control y haciendo click en la linea que quieren escribir. Ejemplo:
Iniciaria asi
No supe como hacerlo, te puedes explicar mejor?
Luego presione CNTRL+Lineas a modificar
¡Ya casi! Este proyecto esta a un pelo de ser un clon de Google 😮
jajajajajajaja
Que importante es ir comentando el código... Para hacerlo rápido: Cntrl+Shift+a este para Linux
Muy buen curso!, es de practica el aprendizaje
ami tambien me ayudo
Reto Completado.
**Mobile: **
Tablet:
Desktop:
Si necesitan mas ejemplos acerca de Emmet para codificar html de manera mas facil aca les dejo la pag oficial donde se encuentran su documentacion completa con ejemplos: Emmet
Poco a poco vamos ampliando la mente y entendiendo como va funcionando todo.
Hola a todos. ¿Por qué el profesor utilizó listasen el nav y el footer, pero en main utilizó section? Si fue por semántica del código, ¿qué las hace diferentes?
Hey Ariata!
El profe lo hace así para que sea más fácil de leer el código ya que sabemos que estamos añadiendo a cada parte.
En main usa <section> para decir que es una sección de lo principal.
Un saludo :)
Es excelente las herramientas de inspección que utiliza en el navegador
super vamos ya casi :D
por que en el <footer> no lo secciono con <section>? como en header y main ? o es opcional ????
A mi parecer Section sirve para identificar las secciones, es una etiqueta semantica, es tu decisión si lo usas o no.
Que tal ieesus. Se utiliza footer por ser el pie de la página, regularmente siempre encontraras información como derechos de autor, enlaces a redes sociales o diferentes secciones de la página, términos y condiciones, etc.
Un footer cortito !
Comparto un tutorial del uso de margin... https://www.youtube.com/watch?v=Azfj1efPAH0&list=LL&index=2&ab_channel=KevinPowell Creo que es una forma mas simple de ubicar texto solo con margin margin-left margin-right : auto, adicional a la propiedad .footer-style li:nth-of-type(n) ...
Una buena práctica es que los caracteres especiales se escriban con entidades HTML y no con simplemente con las funciones del teclado como:
& ntilde; (sin espacios) -> ñ
& aacute; (sin espacios) -> á
& eacute; (sin espacios) -> é
<footer> <ul class="footer-left"> <li> <a href="">Publicidad</a> </li> <li> <a href="">Negocios</a> </li> <li> <a href="">Nosotros</a> </li> <li> <a href="">Como Funciona la Busqueda</a> </li> </ul> <ul class="footer-right"> <li> <a href="">Privacidad</a> </li> <li> <a href="">Condiciones</a> </li> <li> <a href="">Preferencias</a> </li> </ul> </footer>```