Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Clase 3

    Cargado por

    Mario Sosa
    13 vistas16 páginas

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    13 vistas16 páginas

    Clase 3

    Cargado por

    Mario Sosa

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 16

    Seccin B Introduccin a la Programacin y Computacin 1

    HTML
    Segn Wikipedia: HTML es el lenguaje de marcado predominante para la elaboracin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes.

    Estructura
    El cdigo HTML es un lenguaje de marcado, es decir que esta conformado por el texto que se desea mostrar, junto con texto en forma de etiquetas que definen la apariencia y forma de mostrar el contenido. Adems se pueden agregar ms objetos como imgenes, botones, cajas de texto; o inclusive procedimientos a ejecutar.

    El cdigo HTML est formado por elementos y estos contienen dos propiedades esenciales: Atributos y Contenido. Un elemento generalmente tiene una etiqueta de inicio y una etiqueta de cierre. Los atributos del elemento estn contenidos en la etiqueta de inicio y el contenido est ubicado entre las dos etiquetas. Algunos elementos no tienen contenido ni llevan una etiqueta de cierre.

    Etiquetas
    HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, as como tambin las imgenes y los dems elementos, en la pantalla del ordenador.
    Toda etiqueta se identifica porque est encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algn valor. En general las etiquetas se aplicarn de dos formas especiales: Se pueden utilizar para abrir y cerrar un elemento. Cuando se cierra, la etiqueta debe llevar / antes del nombre. Se pueden utilizar como un elemento sin necesidad de abrir y cerrar.

    Estructura Bsica
    Haga clic para modificar el estilo de texto del patrn Segundo nivel Tercer nivel Cuarto nivel Quinto nivel

    Ejemplo
    <html> <head> <title>Ejmplo IPC1</title> </head> <body> <h1>Ejemplo sencillo de HTML</h1> <br> <hr> <br> <p> Este es un ejemplo sencillo para mostrar como es el cdigo HTML, para el curso de Introduccion a la programacion y computacion 1 Seccion B </p> </body> </html>

    Haga clic para modificar el estilo de texto del patrn Segundo nivel Tercer nivel Cuarto nivel Quinto nivel

    CSS (Cascading Style Sheets)


    Es un lenguaje usado para definir la presentacin de un documento estructurado escrito en HTML. La idea que se encuentra detrs del desarrollo de CSS es separar la estructura de un documento de su presentacin. La informacin de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este ltimo caso podran definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style".

    CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o ms elementos. Las hojas de estilo estn compuestas por una o ms de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaracin. A su vez la declaracin est compuesta por una propiedad y el valor que se le asigne. h1 {color: red;} h1 es el selector {color: red;} es la declaracin

    Formas de usar CSS: Documento CSS aparte


    h1 {color: red;} h2 {color: red;} h3 {color: red;} . . . p {textalign:center;color:red}
    <html> <head> <title>Ttulo</title> <link rel="stylesheet" type="text/css" href="http://www.w3.org/ css/officeFloats.css" /> </head> <body> .... </body> </html>

    Cdigo CSS dentro del HTML


    <html> <head> <title>hoja de estilo interna</title> <style type="text/css"> body { padding-left: 11em; font-family: Georgia, "Times New Roman", serif; color: red; background-color: #d8da3d; } h1 { font-family: Helvetica, Geneva, Arial, sans-serif; } </style> </head> <body> <h1>Aqu se aplicar el estilo de letra para el Ttulo</h1> </body> </html>

    CSS dentro de cada elemento


    Utilizando estilos directamente sobre aquellos elementos que lo permiten a travs del atributo <style> dentro de <body>. <h1 style=color:blue; background-color: la pgina </h1> #d8da3d; > Ttulo de

    Ejemplo
    <html> <head> <style type="text/css"> h1 { background-color:#6495ed; } p { background-color:#e0ffff; } div{ background-color:#b0c4de; } </style> </head> <body> <h1>CSS background-color example!</h1> <div> This is a text inside a div element. <p>This paragraph has its own background color.</p> We are still in the div element. </div> </body> </html>

    Haga clic para modificar el estilo de texto del patrn Segundo nivel Tercer nivel Cuarto nivel Quinto nivel

    Pginas de Ayuda
    Etiquetas de HTML: http://www.htmlquick.com/es/reference/tags.html CSS http://www.w3schools.com/css/

    También podría gustarte