Scribd Logo
Upload

Welcome to Scribd!

  • Practica 18 HTML

    Uploaded by

    DavidArellano
    147 views7 pages

    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

    Copyright:

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

    Practica 18 HTML

    Uploaded by

    DavidArellano

    Copyright:

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

    MATERIA

    DEWE

    EVIDENCIAS
    HTML

    ALUMNO(A):
    ARELLANO RODRIGUEZ
    HUMBERTO DAVID
    GRUPO: 602
    DOCENTE:
    DALIA MEJIA VILLEGAS

    PRACTICA 18
    <html>
    <head>
    <style type="text/css">
    p{text-indent:2cm}
    </style>
    </head>
    <body>
    <p> en la primera linea de este parrafo observamos una sangria de 2
    centimentros del borde</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">
    p.der{text-align:right}
    p.cen{text-align:center}
    p.izq{text-align:left}
    p.jus{text-align:justify}
    </style>
    </head>
    <body>
    <p class="der">texto a la derecha</p>
    <p class="cen">texto al centro</p>
    <p class="izq">texto a la izquierda</p>
    <p class="jus">texto justificao</p>
    </body>
    </html>

    <html>
    <head>

    <style type="text/css">
    p.parpadeo{text-decoration:blink}
    a.linea_por_encima{text-decoration:overline}
    p.linea_por_en_medio{text-decoration:line-through}
    a.nada{text-decoration:none}
    p.linea_por_encima{text-decoration:overline}
    a.subrayado{text-decoration:underline}
    p.subrayado{text-decoration:underline}
    a.parpadeo{text-decoration:blink}
    p.nada{text-decoration:none}
    a.linea_por_en_medio{text-decoration:line-through}
    </style>
    </head>
    <body>
    <p class="parpadeo"> hola :3</p>
    <a class="linea_por_encima" href="/www.google.com">
    Ir a la Home
    <p class="linea_por_en_medio"> hola :3</p>
    <a class="nada" href="/www.google.com">
    Ir a la Home
    <p class="linea_por_encima"> hola :3</p>
    <a class="subrayado" href="/www.google.com">
    Ir a la Home
    <p class="subrayado"> hola :3</p>
    <a class="parpadeo" href="/www.google.com">
    Ir a la Home
    <p class="nada"> hola :3</p>
    <a class="linea_por_en_medio" href="/www.google.com">
    Ir a la Home
    </a>
    </body>
    </html>

    <html>

    <head>
    <style type="text/css">
    p{text-transform:none}
    </style>
    </head>
    <body>
    <p>se queda normal el texto</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">
    p{word-spacing:2cm}
    </style>
    </head>
    <body>
    <p>la distancia etre palabras es de 2 centimetros</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">
    p{text-transform:capitalize}
    </style>
    </head>
    <body>
    <p>la primera etas de cada palabra se a convertido en mayuscula</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">

    p{text-transform:uppercase}
    </style>
    </head>
    <body>
    <p>se convierten en mayusculas</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">
    p{text-transform:lowercase}
    </style>
    </head>
    <body>
    <p>se convierten en minusculas</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">
    p{text-transform:none}
    </style>
    </head>
    <body>
    <p>Se queda tal cual tu texto</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">
    p.pre{white-space:pre-wrap}

    p.normal{white-space:normal}
    </style>
    </head>
    <body>
    <p class="pre">dejo varios espacios en blanco entre palabra y
    palabra</p>
    <p class="normal">dejo varios espacios en blanco entre palabra y
    palabra</p>
    </body>
    </html>

    <html>
    <head>
    <style type="text/css">
    p.pre{white-space:pre-wrap}
    p.normal{white-space:normal}
    </style>
    </head>
    <body>
    <p class="pre">dejo varios espacios en blanco entre palabra y
    palabra</p>
    <p class="normal">dejo varios espacios en blanco entre palabra y
    palabra<br></p>
    </body>
    </html>

    Glosario
    <html>Limitan el documento e indica que se encuentra escrito en este lenguaje.
    <head>Especifica el prlogo del resto del archivo. Son pocas las tags que van dentro de
    ella, destacando la del titulo <TITLE> que ser utilizado por los marcadores del navegador e
    identificar el contenido de la pgina

    <P>

    Prrafos. En principio, sin entrar en detalles de alineacin u otras caractersticas,

    digamos que se definen por las tags <P>.....<P>

    <hr>elemento slo en trminos de presentacin, el elemento se ha dado el propsito


    especfico de semntica

    <center>
    <h1>
    <#>

    etiquetado para centrar un conjunto ya sea texto o imagen

    etiquetado predeterminado para dar formato a un texto

    etiquetado predeterminado para dar vnculo con una parte de nuestra pagina

    BORDER="". Indica el tamao del borde en pxels, en este caso 4. Si no


    se indica nada carece de borde .

    WIDTH="" o WIDTH="50%". Es el ancho de la tabla, puede

    especificarse en valor absoluto (5 pxels) o como un porcentaje (50% del


    ancho disponible)

    CELLSPACING="". Es el espacio entre las celdas, por defecto es 2


    CELLPADDING="". Es el espacio entre el contenido de las
    celdas y el borde de las mismas, por defecto es 1 ALIGN=" left",
    "right", "center". Alinea la tabla a la izquierda , derecha o en el
    centro.

    You might also like