Scribd Logo
Upload

Welcome to Scribd!

  • Estilo de Textos

    Uploaded by

    joaquin mantilla
    530 views3 pages
    textos

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    textos

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    530 views3 pages

    Estilo de Textos

    Uploaded by

    joaquin mantilla
    textos

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    TEMA: ESTILOS Y CLASES DE ESTILOS

    SEMANA 7
    ASIGNATURA: TECNOLOGIA E INFORMATICA PERIODO: 1

    DOCENTE: JOAQUIN ADOLFO MANTILLA LEON FECHA:

    ESTUDIANTE: GRADO: 7

    ESTILOS Y CLASES DE ESTILOS

    Puede usarse estilos en lnea mediante el atributo STYLE. El atributo


    STYLE puede ser aplicado a cualquier elemento BODY (incluyendo el
    mismo BODY) excepto para BASEFONT, PARAM y SCRIPT. El atributo
    toma como su valor, cualquier nmero de declaraciones CSS, donde
    cada declaracin est separada por un punto y coma. Ejemplo:

    <P STYLE="color: red; font-family: 'New Century Schoolbook',


    serif">Este prrafo usa estilos en rojo con la fuente New Century
    Schoolbook, si est disponible.</P>

    Note que New Century Schoolbook est en comillas simples en el


    atributo STYLE, ya que las comillas dobles se usan para contener las
    declaraciones de estilo.

    El estilo en lnea es mucho ms inflexible que los otros mtodos. Para


    suar estilo en lnea, se debe declarar un nico lenguaje de hojas de
    estilo para el documento completo usando la extensin de cabecera
    HTTP Content-Style-Type. Con CSS en lnea, un autor debe enviar
    text/css como la cabecera HTTP Content-Style-Type o incluir la siguiente
    etiqueta en la cabecera HEAD:

    <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

    Los estilos en lnea pierden muchas de las ventajas de las hojas de estilo
    al mezclar contenido con presentacin. As mismo, los estilos en lnea se
    aplican implcitamente a todos los medios, ya que no hay un mecanismo
    para especificar el medio deseado para un estilo en lnea. Este mtodo
    debera usarse con moderacin, como cuando se aplica un estilo en
    todos los medios para una sola ocurrencia de un elemento. Si el estilo
    debe aplicarse a un nico elemento pero solo con cierto medio, use el
    atributo ID en lugar del atributo STYLE.
    TEMA: ESTILOS Y CLASES DE ESTILOS
    SEMANA 7
    ASIGNATURA: TECNOLOGIA E INFORMATICA PERIODO: 1

    DOCENTE: JOAQUIN ADOLFO MANTILLA LEON FECHA:

    ESTUDIANTE: GRADO: 7

    TALLER

    1. Crea las siguientes pginas en bloc de notas agregando imgenes


    y estilos con el tema del da de la mujer.

    GUARDAR COMO: principal.html


    <html>
    <head><title>PRINCIPAL</title></head>
    <body>
    <h2>PGINA PRINCIPAL</h2>
    <img src="foto1.jpg" alt="comentario">
    <p>
    <a href="pagina1.html"> Pagina 1</a> <br>
    <a href="pagina2.html"> Pagina 2</a> <br>
    <a href="pagina3.html"> Pagina 3</a>
    </body>
    </html>

    GUARDAR COMO: pagina1.html


    <html>
    <head><title>PAGINA 1</title></head>
    <body>
    <h2>PGINA 1</h2>
    <img src="foto2.jpg" alt="comentario">
    <p>
    Haga click <a href="principal.html"> aqu </a>
    TEMA: ESTILOS Y CLASES DE ESTILOS
    SEMANA 7
    ASIGNATURA: TECNOLOGIA E INFORMATICA PERIODO: 1

    DOCENTE: JOAQUIN ADOLFO MANTILLA LEON FECHA:

    ESTUDIANTE: GRADO: 7

    para volver.
    </body>
    </html>

    GUARDAR COMO: pagina2.html


    <html>
    <head><title>PAGINA 2</title></head>
    <body>
    <h2>PGINA 2</h2>
    <img src="foto3.jpg" alt="comentario">
    <p>
    Haga click <a href="principal.html"> aqu </a>
    para volver.
    </body>
    </html>

    GUARDAR COMO: pagina3.html


    <html>
    <head><title>PAGINA 3</title></head>
    <body>
    <h2>PGINA 3</h2>
    <img src="foto3.jpg" alt="comentario">
    <p>
    Haga click <a href="principal.html"> aqu </a>
    para volver.
    </body>
    </html>

    You might also like