Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML y CSS

    Cargado por

    luis abel vargas iglesias
    6 vistas2 páginas

    Título original

    HTML Y CSS.docx

    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
    6 vistas2 páginas

    HTML y CSS

    Cargado por

    luis abel vargas iglesias

    Copyright:

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

    1

    HTML Y CSS
    CSS, es una tecnología que nos permite crear páginas web de una manera más precisa y homogénea. Gracias
    a las CSS código HTML/CSS controlamos más aún los resultados finales de la página, pudiendo hacer muchas
    cosas que no se podían hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos,
    colores, etc.

    Abrir el bloc de notas y digitar el siguiente código de programación:

    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="estilos.css">
    </head>
    <body>
    <p>Microsoft Word es un programa informático orientado al procesamiento de textos. Fue creado por la
    empresa Microsoft, y viene integrado predeterminadamente en el paquete ofimático denominado
    Microsoft Office.</p>
    <p>Microsoft Word es un programa informático orientado al procesamiento de textos. Fue creado por la
    empresa Microsoft, y viene integrado predeterminadamente en el paquete ofimático denominado
    Microsoft Office.</p>
    </body>
    </html>

    <link rel="stylesheet" type="text/css" href="estilos.css"> define una hoja de estilos


    Guardamos el documento con el nombre index.html
    FORMATO DE TEXTO EN CSS
    Creamos un nuevo bloc de notas e ingresamos el siguiente código:

    p{
    color:red;
    font-family:"Verdana";
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    }

    Guardamos el documento con el nombre estilos.css


    { = alt + 123
    } = alt + 125
    Significado:
    color:red;
    font-family:"Verdana";
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    2

    Párrafos con formatos diferentes:

    <html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="estilos.css">
    </head>
    <body>
    <p class="uno">Microsoft Word es un programa informático orientado al procesamiento de textos. Fue
    creado por la empresa Microsoft, y viene integrado predeterminadamente en el paquete ofimático
    denominado Microsoft Office.</p>
    <p class="dos">Microsoft Word es un programa informático orientado al procesamiento de textos. Fue
    creado por la empresa Microsoft, y viene integrado predeterminadamente en el paquete ofimático
    denominado Microsoft Office.</p>
    </body>
    </html>

    Código en CSS:

    .uno {
    color:red;
    font-family:"Verdana";
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    }

    .dos {
    color:blue;
    font-family:"Calibri";
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    }

    También podría gustarte