Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Practica 1

    Cargado por

    Fabrizio Jm
    8 vistas6 páginas
    El documento contiene 4 prácticas de código HTML que muestran elementos básicos como <html>, <head>, <title>, <body>, comentarios, tamaños y formatos de texto, líneas horizontales y sus propiedades.

    Descripción original:

    Programación

    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
    El documento contiene 4 prácticas de código HTML que muestran elementos básicos como <html>, <head>, <title>, <body>, comentarios, tamaños y formatos de texto, líneas horizontales y sus propiedades.

    Copyright:

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

    Practica 1

    Cargado por

    Fabrizio Jm
    El documento contiene 4 prácticas de código HTML que muestran elementos básicos como <html>, <head>, <title>, <body>, comentarios, tamaños y formatos de texto, líneas horizontales y sus propiedades.

    Copyright:

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

    Practica 1.

    Codigo.

    <!Doctype>

    <html>

    <head>

    <title>Plantilla</title>

    </head>

    <body>

    <!--etiquetas que forman el cuerpo-->

    Esta pagina es la primera que hacemos.

    </body>

    </html>
    Practica 2

    Codigo.

    <!Doctype>

    <html>

    <head>

    <title>Mi primera p&aacute;gina en html</title>

    </head>

    <body>

    Las etiquetas que hemos aprendido hasta ahora son las que forman la estructura

    b&aacute;sica de un documento html:&lt;html&gt;,&lt;head&gt;,

    &lt;title&gt; y &lt;body&gt;. Tambi&eacute;n hemos aprendido a comentar

    nuestras p&aacute;ginas con las etiquetas &lt;!-- y --&gt;.

    </body>

    </html>
    Practica 3.

    Codigo.

    <!Doctype>

    <html>

    <head>

    <title>Ejercicio sobre tama&ntilde;os y formatos</title>

    </head>

    <body>

    <p style="font-size:40px;">Esto es un tamaño de 40px</p>

    <p style="font-size:small;">Esto es un tamaño small</p>

    <p style="font-size:Medium;">Esto es un tamaño medium</p>

    <p style="font-size:large;">Esto está a un tamaño large</p>

    <p style="font-size:xx-large;">Esto está a un tamaño xx-large</p>

    <p style="font-size:xx-small;">Esto está a un tamaño xx-small</p>

    <p style="font-size:2%;">Esto está a un tamaño 2%</p>

    <p style="font-size:20%;">Esto está a un tamaño de 20%</p>

    <p style="font-size:80%;">Esto está a un tamaño de 80%</p>

    <p style="font-size:200%;">Esto está a un tamaño de 200%</p>

    <p style="font-size:300%;">Esto está a un tamaño de 300%</p>

    <h2>Pruebas de formatos</h2>

    Esto es normal

    <sub> Y esto es subindice: sub</sub><br>

    Esto es normal<sup> y esto es superindice: sup</sup><br>

    <br>

    </body>

    </html>
    Practica 4.

    Codigo.

    <!Doctype>

    <html>

    <head>

    <title>Ejemplo de l&iacute;neas horizontales</title>

    </head>

    <body>

    <p>Linea Estandar:</p>

    <hr>

    <p>Linea de grosor 5px, que ocupa el 50% de la ventana:</p>

    <hr size="5" width="50%">

    <p>Linea de gorosor 25px y 50px de ancho:</p>

    <hr size="25px" width="50px">

    <p>Linea de grosor 10px, que ocupa el 75% de la ventana, color azul

    y alineada a la izquierda</p>

    <hr style="width:75%;height:10px; background-color:rgb(0,0,255);margin-left:0pt;">

    <p>Linea de grosor 50px, que ocupa el 60% de la ventana, color rojo, con borde

    10px verde y alineada a la derecha:</p>

    <hr style="border-widht:10px; width:60%;height:50px;color:rgb(0,255,0);

    background-color:rgb(255,0,0);margin-right:0pt;">

    </body>

    </html>

    También podría gustarte