Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 82 vistas

    Código HTML

    Cargado por

    Sergio Espinosa
    El documento describe los elementos básicos de HTML como párrafos, encabezados, listas y enlaces. También cubre el uso de DOCTYPE, la inclusión de imágenes e incluir fragmentos de texto. Finalmente, presenta conceptos básicos de CSS como estilos de fuente y colores de enlaces.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Código HTML

    Cargado por

    Sergio Espinosa
    82 vistas7 páginas
    El documento describe los elementos básicos de HTML como párrafos, encabezados, listas y enlaces. También cubre el uso de DOCTYPE, la inclusión de imágenes e incluir fragmentos de texto. Finalmente, presenta conceptos básicos de CSS como estilos de fuente y colores de enlaces.

    Descripción original:

    Trabajo basico de HTML

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento describe los elementos básicos de HTML como párrafos, encabezados, listas y enlaces. También cubre el uso de DOCTYPE, la inclusión de imágenes e incluir fragmentos de texto. Finalmente, presenta conceptos básicos de CSS como estilos de fuente y colores de enlaces.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    82 vistas7 páginas

    Código HTML

    Cargado por

    Sergio Espinosa
    El documento describe los elementos básicos de HTML como párrafos, encabezados, listas y enlaces. También cubre el uso de DOCTYPE, la inclusión de imágenes e incluir fragmentos de texto. Finalmente, presenta conceptos básicos de CSS como estilos de fuente y colores de enlaces.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 7

    Código HTML

    1. Identifica el tipo de elemento, define cada uno:

    Elemento Definición

    p El elemento “p” hace referencia a un párrafo y es el apropiado para distribuir el texto en el mismo

    ul El elemento “ul” hace referencia a la creación de una lista no ordena

    h4 Los elementos h del 1 al 6 hace referencia al texto como un encabezado

    li Hace referencia a un elemento individual dentro de una lista

    abbr Este elemento hace referencia a la abreviatura de un elemento

    img Usado para añadir imágenes a un documento

    2. Describe dos usos o funciones que proporciona la declaración DOCTYPE


    en una página web.

    El doctype es la declaración de tipo de documento el cual va al inicio del


    documento html

    Por ejemplo para los html de estilos se pone <¡DOCTYPE css>

    3. Dispones de dos páginas web, “inicio.html” y “contacto.html” y quieres


    crear un enlace en “inicio.html” dirigido a “contacto.html” con el texto
    "Datos de contacto". Escribe el código HTML necesario para crear ese
    enlace.

    Sergio German Espinosa Castañeda


    TG Desarrollo de Software y aplicativos móviles
    2022
    4. En el directorio “sitioweb” tienes la página web “inicio.html”. Dentro de
    esa página quieres añadir un párrafo con el texto “Mis vacaciones en la
    playa:” y a continuación, dentro de ese mismo párrafo, quieres incluir una
    imagen llamada “foto.jpg” que se encuentra en el directorio “cosas” que se
    encuentra dentro de “sitioweb”. Escribe el código HTML del párrafo.

    5. Dentro de una página web quieres incluir un fragmento de un discurso de


    una persona famosa. ¿Cuál es la etiqueta más apropiada para hacerlo?

    Sergio German Espinosa Castañeda


    TG Desarrollo de Software y aplicativos móviles
    2022
    6. Escribe el código HTML5 de un cuadro de texto de un formulario que debe
    ser rellenado con los apellidos del usuario antes de que el formulario pueda
    ser enviado al servidor.

    7. Nombra tres tipos nuevos de controles tipo <input> en HTML5.

    - color

    - url

    -number
    Sergio German Espinosa Castañeda
    TG Desarrollo de Software y aplicativos móviles
    2022
    8. ¿Qué etiqueta de HTML5 se emplea para marcar una fecha?

    <time>

    9. Escribe el código HTML5 mínimo necesario para enlazar una hoja de estilo
    externa.

    10. ¿Qué error presenta el siguiente fragmento de HTML5?

    <article>

    <header>Umbrella Corporation</header>

    <p>Article content</p>

    <sidebar>Footnotes</sidebar>

    </article>

    Sergio German Espinosa Castañeda


    TG Desarrollo de Software y aplicativos móviles
    2022
    En HTML la etiqueta no sidebar no existe, se cambia por un aside el cual hace
    referencia a el contenido que esta indirectamente relacionado con el contenido
    principal.

    11. Escribe la regla CSS (selector y propiedades) necesaria para que todos
    los párrafos de una página web aparezcan en cursiva.

    12. Escribe la regla CSS (selector y propiedades) necesaria para que todos
    los enlaces de una página web aparezcan:

    • Con el color rojo cuando el cursor del ratón se sitúe encima de ellos.
    • Con el color verde cuando el foco del teclado se sitúe en ellos.

    Sergio German Espinosa Castañeda


    TG Desarrollo de Software y aplicativos móviles
    2022
    13. Escribe la regla CSS (selector y propiedades) necesaria para que todos
    los elementos de una lista que tenga la clase “importante” y que se
    encuentre dentro de un contenedor <div> con la clase “destacado”
    aparezcan con el color rojo.

    Sergio German Espinosa Castañeda


    TG Desarrollo de Software y aplicativos móviles
    2022
    14. ¿Qué error presenta el siguiente fragmento de CSS?

    h1 {

    font-face: Georgia, Cambria, sans-serif;

    font-size: 24px;

    p{

    font-face: Arial, Verdana, Calibri, serif;

    font-size: 16px;

    Se cambia el Font face ya que no existe para CSS y se pone un Font-family el cual es la propiedad
    correcta.

    Sergio German Espinosa Castañeda


    TG Desarrollo de Software y aplicativos móviles
    2022

    También podría gustarte