Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Clase1 IntroduccionHtml

    Cargado por

    Malu Leon
    5 vistas20 páginas
    fisico quimica

    Título original

    Clase1-IntroduccionHtml

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    fisico quimica

    Copyright:

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

    Clase1 IntroduccionHtml

    Cargado por

    Malu Leon
    fisico quimica

    Copyright:

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

    Universidad Nacional de

    Itapa
    Facultad de Ciencias y
    Tecnologa
    LIC. EN INFORMATICA EMPRESARIA

    Programacin III
    Programacin Visual y Orientada a
    Eventos

    Introduccin a HTML

    Prof.: MSc. Karina Maidana Lombardo

    Marzo 2017
    Introduccin a HTML
    Qu es HTML?

    HTML (HyperText Markup Language) se traduce a


    Lenguaje de Marcacin de Hipertexto

    Es un lenguaje de programacin muy sencillo que


    permite describir hipertexto, es decir, texto
    presentado en forma estructurada y
    agradable, con enlaces (hyperlinks) que
    conducen a otros documentos o fuentes de
    informacin relacionadas, y con inserciones
    multimedia (grficos, sonido...)
    Introduccin a HTML
    HTML (HyperText Markup Language)
    La descripcin se basa en especificar en el texto
    la estructura lgica del contenido (ttulos,
    prrafos de texto, enumeraciones, definiciones,
    citas, etc) as como los diferentes efectos que se
    quieren dar (especificar los lugares del
    documento donde se debe poner cursiva, negrita
    o un grfico determinado) y dejar que luego la
    presentacin final de dicho hipertexto se
    realice por un programa intrprete especializado,
    Introduccin a HTML
    HTML (HyperText Markup Language)

    Los documentos HTML son archivos de texto que


    se pueden crear con cualquier editor de texto.
    Un documento esta formado por elementos:
    - Ttulo, Prrafo, Listas, Tablas...
    Para determinar los elementos se utilizan
    etiquetas:
    <nombre-etiqueta> ABRE ETIQUETA
    elemento
    </nombre-etiqueta> CIERRA ETIQUETA
    Introduccin a HTML
    HTML Arquitectura Estructura bsica
    Comparmoslo con el cuerpo humano
    Introduccin a HTML
    HTML Arquitectura Estructura bsica
    Comparmoslo con el cuerpo humano
    Introduccin a HTML
    HTML Arquitectura Estructura bsica
    Comparmoslo con el cuerpo humano
    Introduccin a HTML
    HTML Arquitectura Estructura bsica
    Comparmoslo con el cuerpo humano
    Introduccin a HTML
    HTML Arquitectura Estructura bsica
    Comparmoslo con el cuerpo humano
    Introduccin a HTML
    HTML Arquitectura Estructura bsica
    Comparmoslo con el cuerpo humano
    Introduccin a HTML
    HTML Arquitectura Documento simple

    <html>
    <head>
    <TITLE> Un documento simple
    </TITLE>
    </head>
    <body>
    Esto es un texto que no tendr
    estilos, ni caractersticas de ningn
    tipo.
    </body>
    </html>
    Introduccin a HTML
    HTML Arquitectura Titulares encabezados

    <H1> Titular </H1>

    <html>
    <head><TITLE> Encabezados </TITLE>
    </head>
    <body>
    <H1> Titular de primer nivel </H1>
    <H2> Titular de segundo nivel </H2>
    <H3> Titular de tercer nivel </H3>
    <H4> Titular de cuarto nivel </H4>
    </body>
    Introduccin a HTML
    HTML Arquitectura Titulares encabezados
    <html>
    <head><TITLE> Encabezados </TITLE>
    </head>
    <body>
    <H1> Titular de primer nivel </H1>
    <H2> Titular de segundo nivel </H2>
    <H3> Titular de tercer nivel </H3>
    <H4> Titular de cuarto nivel </H4>
    </body>
    </html>
    Introduccin a HTML
    HTML Arquitectura Listas
    Listas sin enumerar: (Unnumbered list)
    <UL> <LI> </UL>
    Listas enumeradas: (Ordered list)
    <OL> <LI> </OL>
    <html>
    <head><TITLE> Listas </TITLE> </head>
    <body>
    <H2>Listas sin numerar: (Unnumbered List)</H2>
    <UL>
    <LI> 1er. elemento <LI> 2do. elemento <LI> 3er.
    elemento
    </UL>
    <H2>Listas numeradas: (Ordered List)</H2>
    <OL>
    <LI> 1er. elemento <LI> 2do. elemento <LI> 3er.
    elemento
    </OL>
    Introduccin a HTML
    HTML Arquitectura Texto
    <html>
    <head><TITLE> Texto </TITLE> </head>
    <body>
    <pre>
    El siguiente texto es preformateado
    Ahora si que valen los blancos,
    tabuladores y retornos de carro.
    </pre>
    <p>
    el no preformateado
    suele ser proporcional
    </p>
    </body>
    </html>
    Introduccin a HTML
    HTML Arquitectura Enlace
    Enlace:
    <a> </a>
    <a href=direccion de referencia> Texto del enlace
    </a>

    <html>
    <head><TITLE> Enlace </TITLE> </head>
    <body>
    <a href=http://www.google.com> Ir a Google </a>
    </body>
    </html>
    Introduccin a HTML
    HTML Arquitectura Imgenes
    Incluir una imagen:
    <img src=nombreDeLaImagen>
    <img src=nombreDeLaImagen width=ancho
    height=alto>
    <html>
    <head><TITLE> Imgenes </TITLE> </head>
    <body>
    <H1>Este es el logo de la UNAE</H1>
    <p>La imagen se comporta
    <img src=logo.png width=91 height=89/> como in
    caracter </p>
    <p>Podemos hacer un enlace
    <a href=http://www.uni.edu.py>
    <img src=logo.png width=91
    height=89/>
    </a>
    </p>
    </body>
    Introduccin a HTML
    HTML Arquitectura Tablas
    Incluir una tabla: Partes:
    <table>...</table> <tr> <tr> --> Filas
    <td> <td> --> Celdas
    <html>
    <head><TITLE> Tablas </TITLE> </head>
    <body>
    <table width="75%" border="1" >
    <tr>
    <td>CELDA 1</td>
    <td>CELDA 2</td>
    </tr>
    <tr>
    <td>CELDA 3</td>
    <td>CELDA 4</td>
    </tr>
    </table>
    </body>
    </html>
    Introduccin a HTML
    HTML Arquitectura Tablas
    <html>
    <head><TITLE> Tablas </TITLE> </head>
    <body>
    <table width="75%" border="1" >
    <tr>
    <td>CELDA 1</td>
    <td>CELDA 2</td>
    </tr>
    <tr>
    <td>CELDA 3</td>
    <td>CELDA 4</td>
    </tr>
    </table>
    </body>
    </html>
    Introduccin a HTML
    HTML Trabajo prctico en clase 3 puntos (acumulativos para PP)

    1. Crear una pgina web HTML con el titulo Mi primera


    pagina , que tenga un sector con texto preformateado y
    una lista sin enumerar que contenga los dias de la
    semana.
    2. Crear una pgina web HTML con el titulo Mi segunda
    pagina , que tenga un sector con texto sin formatear y una
    lista lista enumerada que contenga los meses del ao.
    3. Crear una pgina web HTML que contenga una tabla con
    las siguientes columnas:
    Nombre,
    Descripcin,
    Precio,
    Cantidad en Stock
    y cargar al menos 5 datos.

    También podría gustarte