Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Tecnicatura en Programación UNT-FRT

    Cargado por

    Agustín Ibáñez
    3 vistas3 páginas

    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

    Copyright:

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

    Tecnicatura en Programación UNT-FRT

    Cargado por

    Agustín Ibáñez

    Copyright:

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

    Tecnicatura en Programación UNT – FRT

    Materia: Programación II

    Tema: HTML – CSS

    Alumnos:

    Trabajo Práctico de Ejercitación

    1) Completar el siguiente cuadro nombrando las etiquetas HTML y explique cuál es su


    función

    N° Etiqueta Función
    1 <html> Define el inicio y el final del documento HTML.
    2 <title> Define el título de la página web, que se muestra en la
    pestaña del navegador.
    3 <Link> Conecta el documento HTML con una hoja de estilo
    externa, como un archivo CSS.
    4 <body> Contiene el contenido visible de la página, como texto,
    imágenes y otros elementos.
    5 <h1> - <h6> Etiquetas de encabezado que definen títulos de diferentes
    tamaños, donde <h1> es el título de mayor tamaño y <h6>
    es el de menor tamaño.
    6 <p> Define el párrafo de un texto.
    7 <ul> Crea una lista desordenada, donde los elementos de la
    lista se muestran con viñetas.
    8 <table> Crea una tabla para mostrar datos tabulares, utilizando las
    etiquetas
    9 <hr> Crea una línea horizontal para separar secciones de
    contenido.
    10 <a> Crea un enlace a otra página web

    2) Analice, investigue e Indique que modifican los siguientes atributos sobre los
    elementos HTML. Implemente las mismas para el TP de la clase anterior.

    background-color Modifica el color de fondo.


    font-size Cambia el tamaño de texto.
    align Alinea elementos.
    text-decoration
    :hover
    border-top Modifica el estilo del borde superior de un elemento.
    font-style: Modifica el estilo de la fuente.
    padding: Añade espacio entre el contenido de un elemento y el borde.

    3) Escriba la estructura completa de un documento HTML expresando dicha estructura


    en imagen con la ubicación correspondiente de cada etiqueta.
    4) Indique cuales son las tres formas de incluir código CSS en un documento HTML.
    Realice un ejemplo de cada una de las formas.
    5) Escriba el código HTML necesario para mostrar en el navegador la siguiente tabla y los
    colores de las celdas que aparezcan los mismos al deslizar el mouse sobre cada una.
    Investigar los Efectos Hover css.

    ROJOPpProgramacion II Laboratorio II Sistemas Operativos


    Diseño y Administración de Estadísticas Matemática
    Bases de Datos
    Ingles Laboratorio I Laboratorio II

    6) Realice una definición de que es un Navegador. Enuncie los Navegadores que Usted
    Conoce.
    7) Defina que es un Dominio. Que es un Sitio Web
    8) Indique si las siguientes Afirmaciones son V o F.

    Afirmación VoF
    Width permite establecer el alto de un elemento y Height el ancho
    La etiqueta <title> </title> indica el título de la página en el
    Navegador
    La etiqueta <link rel="stylesheet" type="text/css" href="style.css">
    indica el tipo de datos que se utiliza en la página.
    La etiqueta Head indica la cabecera de la página web
    < Tr > indica una celda de una tabla
    La Etiqueta <meta> es la que indica al navegador el contenido de la
    página.

    9) Investigar y realizar un ejemplo aplicando las siguientes etiquetas HTML


    Html
    Head
    Body
    Header
    Nav
    Main
    Section
    Aside
    Footer

    10) Investigar o recurrir al material de lectura y comentar que es un Selector en CSS.


    Realizar un ejemplo de cada uno de los selectores (Selector por clase, selector por id,
    selector Universal, Selector por agrupamiento).

    También podría gustarte