Ejercicios en HTML

-

 

1. Ejercicio resuelto HTML: Crea una página con las siguientes etiquetas

Para este ejercicio necesitas estudiar las tres primeras secciones del tutorial HTML.

Crea una página web HTML que cumpla con las siguientes especificaciones:

Estructura Básica: Crea la estructura básica de un documento HTML con las siguientes etiquetas:

  • <!DOCTYPE html>
  • <html lang="es">
  • <head> con:
    • <meta charset="UTF-8">
    • <meta name="viewport" content="width=device-width, initial-scale=1.0">
    • <title>Mi Página Web</title>
  • <body> que contenga:
    • <header> con:
    • <h1>Bienvenidos a Mi Página Web</h1>
    • <p>Esta es una página de ejemplo para el ejercicio.</p>

Secciones: Agrega dos secciones a tu página:

  • Una sección principal <main> con:
    • <h2>Acerca de Nosotros</h2>
    • <p>Somos una empresa dedicada a ofrecer soluciones web.</p>
  • Una sección <section> con:
    • <h2>Nuestros Servicios</h2>
    • Una lista ordenada <ol> con tres elementos <li> que describan los servicios que ofrece tu empresa. Las viñetas deben ser de tipo abecedario.
    • Un enlace <a> con el texto «Ver más servicios» que lleve a https://www.ejemplo.com. Abre el enlace en una nueva ventana o pestaña del navegador.

Pie de Página: Crea un pie de página <footer> con dos enlaces:

  • Un enlace <a> con el texto «Enviar correo electrónico» que tenga href="mailto:info@miempresa.com".
  • Un enlace <a> con el texto «Llamar por teléfono» que tenga href="tel:+1234567890".
  • Incluye el carácter especial «©» seguido del nombre de tu empresa para indicar «Todos los derechos reservados». Utiliza entidades, código hexadecimal o decimal para incluir el carácter especial

Ejercicio resuelto:

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Página Web</title>
</head>
<body>
<header>
<h1>Bienvenidos a Mi Página Web</h1>
</header>
<p>Esta es una página de ejemplo para el ejercicio.</p>
<main>
<h2>Acerca de Nosotros</h2>
<p>Somos una empresa dedicada a ofrecer soluciones web.</p>
</main>
<section>
<h2>Nuestros Servicios</h2>
<ol type="a">
<li>Diseño Web</li>
<li>Desarrollo de Aplicaciones</li>
<li>Marketing Digital</li>
</ol>
<p><a href="https://www.ejemplo.com" target="_blank">Ver más servicios</a></p>
</section>
<footer>
<a href="mailto:info@miempresa.com">Enviar correo electrónico</a><br>
<a href="tel:+1234567890">Llamar por teléfono</a><br>
&#169; Mi Empresa, Todos los derechos reservados
</footer>
</body>
</html>

Comentarios

Publicar un comentario

Entradas populares de este blog

LA HERENCIA

-
LA   HERENCIA: La  herencia  es, después de la agregación o composición, el mecanismo más utilizado para alcanzar algunos de los objetivos más preciados en el desarrollo de software como lo son la reutilización y la extensibilidad. A través de ella los diseñadores pueden crear nuevas clases partiendo de una clase o de una jerarquía de clases preexistente (ya comprobadas y verificadas) evitando con ello el rediseño, la modificación y verificación de la parte ya implementada. La herencia facilita la creación de objetos a partir de otros ya existentes e implica que una subclase obtiene todo el comportamiento (métodos) y eventualmente los atributos (variables) de su superclase. Es la relación entre una clase general y otra clase más específica. Por ejemplo: Si declaramos una clase párrafo derivada de una clase texto, todos los métodos y variables asociadas con la clase texto, son automáticamente heredados por la subclase párrafo. La herencia es uno de los mecanismos de los lenguajes
Leer más

¿Qué es visual fox pro?2018

-
¿Qué es visual fox pro? Visual FoxPro  es un  lenguaje de programación por procedimientos ,  orientado a objetos  que posee un Sistema Gestor de Bases de datos o  Data base Management System (DBMS)  y  Sistema administrador de bases de datos relacionales , producido por  Microsoft . Visual Fox Pro dispone de las herramientas necesarias para crear y administrar aplicaciones y componentes de base de datos de alto rendimiento. Con sus eficaces herramientas y el lenguaje orientado a objetos centrado en los datos, podrá crear aplicaciones modernas, escalables y de varios niveles que integren los sistemas cliente-servidor e Internet. FoxPro  es un  sistema de gestión de bases de  datos  que fue diseñado por una  compañía pequeña llamada Fox software , para que después gracias a su éxito fuera absorbido por Microsof t. Básicamente es un lenguaje de  programación  o  programa de almacenamiento , el cual es capaz de procesar grandes cantidades de  datos y guardarlos  en una base segura. El pr
Leer más