Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTMLSegundaParte PDF

    Cargado por

    fernandoarguello
    16 vistas11 páginas

    Título original

    HTMLSegundaParte.pdf

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    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 PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    16 vistas11 páginas

    HTMLSegundaParte PDF

    Cargado por

    fernandoarguello

    Copyright:

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

    HTML

    Segunda Parte

    HTML-Estilos
    Con lo que hasta aqu llevamos aprendido de HTML, ya nos dimos
    cuenta de que, cuando vamos a crear un documento, se presentan
    dos cuestiones bsicas: la lgica, es decir, la estructura del
    documento y la fsica, que es la presentacin o esttica general del
    documento y sus contenidos, como las cabeceras, prrafos, pies,
    tipos de letra y colores, etc., las dos cosas juntas, a menudo,
    pueden ser complicadas de resolver con cierta armona.
    Ahora veremos algunas herramientas de cdigo que permite una
    mejor visualizacin del documento HTML, la creatividad que a cargo
    de cada uno de ustedes, expltenlo!!!

    El atributo style
    Sintaxis = property:value
    VEAMOS
    Style color:value es para dar color a las letras de una palabra, o
    hasta un texto
    Style backgroud:value es para dar color de fondo a la pagina web
    Ejemplo

    Prueba style color:value


    <html>
    <body>
    <h2 style="color:red;">Prueba color
    Rojo</h2>
    <h2 style="color:blue;">Prueba color
    Azul</h2>
    <p style="color:green;"> Prueba color
    Verde aplicado a un texto entre las
    etiquetas "p" </p>

    </body>

    </html>

    Prueba style=background:value
    <html>
    <body style="backgroundcolor:lightgrey;">
    <h1>Prueba HTML color de fondo</h1>
    <p style = "color:blue;">Esto es un
    parrafo</p>
    </body>
    </html>

    Prueba style=font-family:value
    <html>
    <body>
    <h1 style="fontfamily:verdana;">Fuente utilizada en h1
    "Verdana"</h1>
    <p style="font-family:courier;">Fuente
    utilizada entre etiquetas p
    "courier"</p>
    </body>
    </html>

    Prueba style=font-size:value
    <html>
    <body>
    <h1 style="font-size:300%;">Fuente H1
    tamao=300%</h1>
    <p style="font-size:160%;">Fuente entre
    estas etiquetas p tamao=160%.</p>
    </body>

    </html>

    Prueba style="text-align:value;"
    <html>
    <body>
    <h1 style="textalign:center;">Encabezado
    Centrado</h1>
    <p>Esto es un parrafo</p>

    </body>
    </html>

    HTML- Comentario

    Ejemplo:

    Se puede aadir un conmentario HTML


    de la siguiente manera:
    <!- Escribe tu comentario aqui-->

    <!DOCTYPE html>
    <html>
    <body>
    <!- Esto es un comentario-->
    <p>Esto es un parrafo</p>
    <!- Los comenatarios no se muestran en el
    navegador-->
    </body>
    </html>

    HTML - links
    Los enlaces se encuentran en casi todas las pginas web. Los
    enlaces permiten a los usuarios hacer clic que direcciona a tra
    pgina:
    SINTAXIS:
    <a href="url">Enlace</a>

    Prueba <a href="url">Enlace</a>


    <html>

    <body>
    <p><a
    href="https://en.wikipedia.org/wiki/HT
    ML">Enlace que direcciona a
    Wikipedia</a></p>
    </body>
    </html>

    También podría gustarte