El documento presenta una página web sobre mascotas desarrollada con HTML. Incluye elementos como encabezados, párrafos, imágenes, links y secciones para header, nav, main y footer. Explica las diferencias entre perros y gatos y los beneficios de tener cada uno.
0 calificaciones0% encontró este documento útil (0 votos)
27 vistas10 páginas
El documento presenta una página web sobre mascotas desarrollada con HTML. Incluye elementos como encabezados, párrafos, imágenes, links y secciones para header, nav, main y footer. Explica las diferencias entre perros y gatos y los beneficios de tener cada uno.
El documento presenta una página web sobre mascotas desarrollada con HTML. Incluye elementos como encabezados, párrafos, imágenes, links y secciones para header, nav, main y footer. Explica las diferencias entre perros y gatos y los beneficios de tener cada uno.
El documento presenta una página web sobre mascotas desarrollada con HTML. Incluye elementos como encabezados, párrafos, imágenes, links y secciones para header, nav, main y footer. Explica las diferencias entre perros y gatos y los beneficios de tener cada uno.
Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
Descargar como docx, pdf o txt
Está en la página 1/ 10
</html> <!
DOCTYPE html> <html> </html> <head> </head>
https://www.w3schools.com/html/
</> <>
<header> <!-- Elemento encabezado tamaño 1 --> <h1>Bienvenid@s a nuestra app de mascotas</h1> </header> <!-- Elemento semántico para los elementos de navegación, listas, titulos --> <nav> <!-- Elemento encabezado tamaño 4 --> <h4>Cuída de ell@s como ellos cuidan de nosotr@s <3</h4> </nav> <!-- Elemento semántico el contenido principal --> <main> <!-- Elemento párrafo --> <!-- Elemento fuerte/poner negritas las letras --> <p>Las <strong>mascotas</strong> son esos seres que le dan luz a la vida de los seres humanos.</p> </main> <!-- Elemento semántico para el pie página --> <footer>
</footer>
<!--Etiqueta Body: Contenido de la página -->
<!--Encabezados: h1, h2, h3, h4, h5, h6 -->
<!-- <h1>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h1> <h2>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h2> <h3>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h3> <h4>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h4> <h5>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h5> <h6>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h6>
<a href="https://www.purina.es/encuentra-mascota/nuevo-perro-en-casa/adoptar-un- perro/beneficios-de-tener-un-perro" target="_blank"> <img width="500" src="images/perrito.jpg" alt="perrito" /> </a> <p>Los perros pueden aguantar más tiempo sin comer que los gatos. Son capaces de utilizar su propia grasa corporal para producir energía de manera más eficiente que los gatos.</p> <p>Los gatos tienen garras retráctiles. Esto les permite mantenerlas afiladas, mientras que los perros están constantemente desgastándolas.</p> <a href="https://www.purina.es/encuentra-mascota/nuevo-gato-en-casa/adoptar-un- gato/beneficios-de-tener-un-gato" target="_blank"> <img width="500" src="https://www.mascotas.com/cms/revista/Revista_61b3ac96593c2_10122021.jpg" /> </a> <p>Los gatos son muy cariñosos y tienen un gran carácter, pero también valoramos su independencia, es decir, necesitan menos cuidados que otras mascotas. Los gatos pueden ayudar a las personas a recuperarse más rápido de un trauma emocional, como el fallecimiento de un ser querido.</p>
Pollo frito
<!--Encabezados--> <h1>Holo Mundo!, Bienvenidxs a nuestra app de mascotas c:</h1> <h2>Me gustan mucho las mscotas</h2> <h3>Te gustan?</h3> <h6>Que bueno</h6> <img width="500" src="image/pastor-ovejero-australiano.jpeg" alt="wawa" /> <img width="500" src="https://i.pinimg.com/236x/dc/11/32/dc1132299fbd243efe6eb6d609f43c1b.jpg" alt="miaumiau" />
<!DOCTYPE html> <!--Contenedor Principal-->
<html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <!--Etiqueta Head: Configuraciones--> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Titulo</title> <body> <!--Estructura--> <header> <!-- Elemento encabezado tamaño 1 --> <h1>Bienvenid@s a nuestra app de mascotas</h1> </header> <!-- Elemento semántico para los elementos de navegación, listas, titulos --> <nav> <!-- Elemento encabezado tamaño 4 --> <h4>Cuída de ell@s como ellos cuidan de nosotr@s <3</h4> </nav> <!-- Elemento semántico el contenido principal --> <main> <!-- Elemento párrafo --> <!-- Elemento fuerte/poner negritas las letras --> <p>Las <strong>mascotas</strong> son esos seres que le dan luz a la vida de los seres humanos.</p> </main> <!-- Elemento semántico para el pie página --> <footer>
</footer> <!--Encabezados: h1, h2, h3, h4, h5, h6 --> <!-- <h1>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h1> <h2>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h2> <h3>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h3> <h4>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h4> <h5>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h5> <h6>!Hola Mundo! Bienvenid@s a nuestra app de mascotas</h6>
<img width="500" src="https://www.mascotas.com/cms/revista/Revista_61b3ac96593c2_10122021.jpg"/> --> <!-- Elemento anchor/link --> <a href="www.google.com">Texto del link</a> <!-- Elemento encabezado tamaño 4 --> <h4>Gatos Vs Perros</h4> <!-- Elemento encabezado tamaño 3 --> <h3>Perritos</h3> <a href="https://www.purina.es/encuentra-mascota/nuevo-perro-en-casa/adoptar-un-perro/beneficios-de-tener-un-perro" target="_blank"> <img width="500" src="images/perrito.jpg" alt="perrito" /> </a> <a href="https://www.purina.es/encuentra-mascota/nuevo-perro-en-casa/adoptar-un-perro/beneficios-de-tener-un-perro" target="_blank"> <img width="500" src="images/perrito.jpg" alt="perrito" /> </a> <p>Los perros pueden aguantar más tiempo sin comer que los gatos. Son capaces de utilizar su propia grasa corporal para producir energía de manera más eficiente que los gatos.</p> <p>Los gatos tienen garras retráctiles. Esto les permite mantenerlas afiladas, mientras que los perros están constantemente desgastándolas.</p> <a href="https://www.purina.es/encuentra-mascota/nuevo-gato-en-casa/adoptar-un-gato/beneficios-de-tener-un-gato" target="_blank"> <img width="500" src="https://www.mascotas.com/cms/revista/Revista_61b3ac96593c2_10122021.jpg" /> </a> <p>Los gatos son muy cariñosos y tienen un gran carácter, pero también valoramos su independencia, es decir, necesitan menos cuidados que otras mascotas. Los gatos pueden ayudar a las personas a recuperarse más rápido de un trauma emocional, como el fallecimiento de un ser querido.</p>
<div class="container-fluid py-5 text-center"> <h1 class="display-5 fw-bold">Bienvenidos a mi sitio</h1> <p class="col-md-8 fs-4 mx-auto my-4">Using a series of utilities, you can create this jumbotron, just like the one in previous versions of Bootstrap. Check out the examples below for how you can remix and restyle it to your liking.</p> <button class="btn btn-primary btn-lg" type="button">Visitanos para más información</button> </div> </section>
