Listas y enlaces en HTML
Contenido del curso
Listas y enlaces en HTML
Contenido del curso
Alfredo Rodriguez
Danny Alexander Minotta Soto
Julieta Melek Fernanda Eyzaguirre Arenas
Flavio S Barajas Torres
Dario Mendoza
Eugenia Maldonado
Ezequiel Choque
Edy Emmanuel Pablo Pérez
Edy Emmanuel Pablo Pérez
Darvin Gabriel Bol Cu
Yúnior Omar Ramírez Ruano
JOSÉ EMILIO RAMÍREZ VILLALTA
Angel Noé Morales Caal
Ismael Fierro
PEDRO ALEXANDER MAAS PACAY
Dimas Omar Caal Pérez
Cristofer Ariel Chocojay Guitz
Diego Emerson Castro Cuxil
Cristofer Ariel Chocojay Guitz
Natalia Rodriguez
Alberto Díaz Castro
David Carpio
Victoria Jael Ramos Hernández
Julian Gonzalez
Sergio Baudilio Pinilla Martinez
Alamo Avila
Carlos Iván Aguirre Robles
Jose Jhonatan Choque Araujo
Victor Silva
También puedes poner un enlace para escribir por WhatsApp, ejemplo:
<a href="https://wa.me/5700000 target="_blank">Enviar WhatsApp</a>
Gracias por el dato. Una observación: después del número toca poner las comillas (según lo que le entendí al profe en el ejemplo).
No sabía que se podía, muchas gracias
Mi página explicativa:
Las listas en HTML se crean usando las etiquetas <ul> para listas desordenadas y <ol> para listas ordenadas.
<ul>): Se presentan con viñetas. Cada elemento se define con la etiqueta <li>. Por ejemplo, una lista de compras puede verse así:<ul> <li>Leche</li> <li>Pan</li> <li>Verduras</li> </ul>
<ol>): Se presentan con números. También utilizan <li> para los elementos. Un ejemplo de pasos podría ser:<ol> <li>Hervir agua</li> <li>Agregar café</li> <li>Servir en taza</li> </ol>
Para los enlaces, se usa la etiqueta <a> con el atributo href que indica la URL de destino. Por ejemplo:
<a href="https://platzi.com">Visitar Platzi</a>
Esto crea un enlace que lleva al usuario a la página de Platzi.
Las listas organizan contenido relacionado:
En listas ordenadas:
type cambia el estilo de numeración (números, letras <ol type="a"> , romanos <ol type="I">).start permite continuar la numeración. <ol start="4">Los enlaces se crean con <a> y href.
El atributo target define dónde se abre el enlace:
_blank: nueva pestaña/ventana (ideal para enlaces externos)._self: misma pestaña (valor por defecto)._parent: marco padre._top: ventana completa del navegador.También existen enlaces especiales:
mailto: para enviar emails. Puedes definir el subjet y cuerpo <a href="mailto:info@ejemplo.com?subject=consulta&body=hola">enviar email</a>
tel: para iniciar llamadas (especialmente en móvil).<a href="tel:3412345678">Llamar +34 12345678</a>
Para comenzar a tener practica de estas cosas mi consejo es siempre ir haciendo practicas a parte y otras con IA porque la IA pondra cosas que no van a entender y pueden preguntar porque las pone o que hacen en este caso, usan target _blank , lo cual hay que poner un poco de seguridad por el window.opener a su vez tabnabbing. Se que es avanzado pero no tiene porque serlo si trabajan a la par con la IA.
excelente
platzi
A purate hombre
buena clase
asii
retumba
Me gustaría compartir alguna documentación acerca de los atributos de estas etiquetas. <ul>, <ol> y <a>.
by:
muy buena clase
buena clases ingeniero
¿Cómo puedo crear enlaces para enviar correos?
Fácil entra a tu correo y ya
ajajaj
mis listas
Comparto mi ejemplo
No accionaron las siguientes etiquetas:
<a href="mailto:info@ejemplo.com?subject=Consulta&body=Hola">Enviar email</a>
<a href="tel:+3412345678">Llamar: +34 123 456 78</a>
Me podrian decir que pudo haber sucedido, utilizo Windows.
Hola, es porque tu navegador no tiene Gmail configurado como manejador de correo.
En Chrome puedes configurarlo para que al dar clic use Gmail.
A mí me funcionó.
Saludos.
Todas las referencias que dan como el mailto o el tel: no son originarias de HTML si yo ese mismo texto lo colocas en tu navegador te va a seguir funcionando igual
<ul> (Unordered List - Lista Desordenada)
<ol> (Ordered List - Lista Ordenada)</ol></ul>
progresando
Estoy haciendo mi proyecto con fines de aprendizaje sobre una pagina de pajaros. al momento de poner un h2 y ponerle "diferent examples" el VSC me sugirio en automatico ul ademas de poner ejemplos de diferentes especies en lista.
también pueden a modo de practicar redireccionar a otro archivo .html y de igual forma usar una imagen que nos sirva como enlace
Eliminen las preguntan en medio de cada clase