Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Felipe Hidalgo Tarea2

    Cargado por

    Felipe Eduardo
    17 vistas8 páginas
    Este documento presenta las tareas de la semana 2 de Programación Web I. La primera tarea explica las etiquetas HTML para hipervínculos y listas. La segunda tarea instruye crear una tabla HTML de 3 filas y 2 columnas. La tercera tarea detalla cómo incorporar y reproducir audios en una página web usando etiquetas HTML de audio.

    Descripción original:

    programacion

    Título original

    felipe_hidalgo_tarea2

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento presenta las tareas de la semana 2 de Programación Web I. La primera tarea explica las etiquetas HTML para hipervínculos y listas. La segunda tarea instruye crear una tabla HTML de 3 filas y 2 columnas. La tercera tarea detalla cómo incorporar y reproducir audios en una página web usando etiquetas HTML de audio.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    17 vistas8 páginas

    Felipe Hidalgo Tarea2

    Cargado por

    Felipe Eduardo
    Este documento presenta las tareas de la semana 2 de Programación Web I. La primera tarea explica las etiquetas HTML para hipervínculos y listas. La segunda tarea instruye crear una tabla HTML de 3 filas y 2 columnas. La tercera tarea detalla cómo incorporar y reproducir audios en una página web usando etiquetas HTML de audio.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    PROGRAMACION WEB I

    SEMANA 2

    FELIPE HIDALGO
    10-04-2023
    INGENIERÍA INFORMÁTICA
    DESARROLLO
    1. Utilizando un documento HTML, identifica las etiquetas básicas utilizadas para la
    creación de hiperenlaces y listas. Especifica donde está presente cada una de ellas
    con sus respectivas descripciones.

    HIPERVÍNCULOS O ENLACES EN HTML. ETIQUETA <A>.

    Las etiquetas son etiquetas de anclaje o hipervínculo en HTML que se utilizan para crear enlaces
    a otras páginas web, archivos, imágenes, correos electrónicos, etc. Su función principal es
    permitir a los usuarios navegar y vincular diferentes páginas y recursos en la web. La etiqueta
    tiene un atributo obligatorio "href" que indica la dirección URL del destino del enlace. También
    se puede incluir un texto descriptivo dentro de la etiqueta para que el usuario sepa a dónde lo
    está llevando el enlace.

    HIPERVÍNCULOS LOCALES, MARCADORES O ANCLAS.

    Los marcadores o anclas en HTML son utilizados para señalar un lugar específico en una página web. Esto
    permite a los usuarios saltar rápidamente de una parte de la página a otra utilizando un enlace. Para crear
    un marcador en HTML se utiliza el elemento <a> seguido del atributo name y un identificador único para
    el marcador:

    php Copy code <a name="marcador1"></a> Para crear un enlace que apunte a este marcador, se utiliza
    el mismo identificador luego del símbolo

    '#': less Copy code <a href="#marcador1">Ir al marcador 1</a> Al hacer clic en el enlace, el navegador
    lleva al usuario directamente al lugar de la página donde se encuentra el marcador.

    EJERCICIO
    <DOCTYPE html>

    <HTML>

    <head>

    <meta charset="utf-8">

    <meta charset="utf-8">

    <title>Ejemplo de los marcadores - tareasemana2</title>

    </head>
    <body>

    <a name="arriba"></a>

    aca lograremos ir al primer <a href="#primero">Felipe Eduardo</a> apartado, al <a

    href="#segundo">Hidalgo</a> o al <a href="#tercero">Barrientos</a>.

    <a name="primer"><h1>Felipe Eduardo</h1></a>

    En esta seccion tienes el primer apartado. Si logramos pinchas el enlace, nuestro


    navegador saltara a esta parte

    de la pagina.

    <a name="segundo"><h1>Hidalgo</h1></a>

    Aquí tienes el segundo apartado. Al pulsar sobre el enlace, el navegador habrá saltado a
    esta

    parte de la página.

    <a name="tercero"><h1>Barrientos</h1></a>

    Aquí tienes el tercer apartado. Al pulsar sobre el enlace, el navegador habrá saltado a
    esta parte

    de la página.

    Volver <a href="#arriba">arriba</a>.

    </body>

    </html>
    2. Utilizando etiquetas HTML, construye una tabla ejemplo de 3 filas y 2
    columnas con la descripción paso a paso del proceso de creación.
    <html>

    <head><title>tareasemana2</title></head>
    <body>

    <h1>materias</h1>
    <table>

    <tr>

    <td><strong>ramo</strong></td>

    <td><strong>Horas</strong></td>
    <td><strong>horarios</strong></td>

    </tr>

    <tr>

    <td>historia</td>

    <td>5</td>

    <td>16:00 - 20:00</td>

    </tr>
    <tr>

    <td>informatica</td>

    <td>5</td>

    <td>16:00 - 20:00</td>

    </tr>

    <tr>

    <td>matematica</td>

    <td>10</td>

    <td>18:00 - 21:00</td>

    </tr>

    </table>

    </body>

    </html>
    3. Utilizando una grabación de un archivo de audio, explica el procedimiento de
    incorporación y reproducción de audios desde una página web.

    El procedimiento para incorporar y reproducir audios desde una página web HTML implica los siguientes
    pasos:

    Seleccionar un formato de audio adecuado: los formatos populares de audio para la web incluyen MP3,
    OGG y WAV.

    Escribir el código HTML para la inserción del audio: esto generalmente implica la creación de una etiqueta
    de audio que incluye información sobre la ubicación del archivo de audio, el formato de audio y otros
    detalles.

    Agregar opciones de reproducción y control de audio: es posible agregar controles para reproducir,
    detener, pausar y controlar el volumen del audio.

    Verificar la compatibilidad del navegador: algunos navegadores pueden no ser compatibles con ciertos
    formatos de audio o pueden requerir la instalación de plugins adicionales para la reproducción.

    Considerar la accesibilidad: para una mejor accesibilidad, es recomendable incluir transcripciones de


    audio para personas con discapacidad auditiva.

    Una vez que se completa este proceso, se puede reproducir el audio en la página web utilizando controles
    de audio estándar similares a los que se encuentran en la mayoría de los reproductores multimedia.

    Src: Dirección URL // Audio a reproducir. Obligatoria si actúa como etiqueta contenedora.
    Preload: auto | metadata | none // Indica como realizar la precarga del audio.
    Mediagroup: nombre // Establece un nombre para un grupo de contenidos multimedia.
    Autoplay: Comienza a reproducir el audio automáticamente.
    Loop: Vuelve a iniciar el audio cuando finaliza su reproducción (bucle).
    Muted: Establece el audio sin sonido (silenciado).
    Controls: Muestra los controles de reproducción. Por defecto no se muestran.

    Un primer ejemplo muy básico para colocar un audio en nuestra página web:
    <audio src="audio.mp3"></audio>
    Como podemos ver no nos mostrará nada visualmente, tampoco podrá reproducir los sonidos. Pero el
    audio está aquí, ahí todavía no le indicamos el atributo controls que nos muestra los controles al usuario
    para pulsar el botón «play». Y tampoco hemos logrado colocar el atributo autoplay . Ojo tampoco
    mostrara nada visual, pero lograremos mostrar o mejor dicho escuchar el audio.

    Algunos ejemplos variados para los audios;

    <audio src="audio.mp3" preload="none" controls></audio>

    <audio src="audio.ogg" autoplay loop></audio>


    REFERENCIAS BIBLIOGRÁFICAS

    Ejemplo texto de lectura de IACC:

    IACC. (2023). Programación web I. Semana 2

    También podría gustarte