Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Chuleta HTML

    Cargado por

    alonsoyago4
    16 vistas2 páginas
    El documento proporciona información sobre la estructura básica de un documento HTML, incluyendo etiquetas como <!DOCTYPE html>, <html>, <head>, <title>, <body>, y <meta>. También explica cómo agregar estilos CSS entre etiquetas <style> para dar formato a tablas. Además, resume etiquetas básicas como <b>, <i>, <u>, así como cómo crear listas ordenadas y no ordenadas. Por último, explica cómo crear tablas, enlaces internos, locales y remotos.

    Descripción original:

    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 proporciona información sobre la estructura básica de un documento HTML, incluyendo etiquetas como <!DOCTYPE html>, <html>, <head>, <title>, <body>, y <meta>. También explica cómo agregar estilos CSS entre etiquetas <style> para dar formato a tablas. Además, resume etiquetas básicas como <b>, <i>, <u>, así como cómo crear listas ordenadas y no ordenadas. Por último, explica cómo crear tablas, enlaces internos, locales y remotos.

    Copyright:

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

    Chuleta HTML

    Cargado por

    alonsoyago4
    El documento proporciona información sobre la estructura básica de un documento HTML, incluyendo etiquetas como <!DOCTYPE html>, <html>, <head>, <title>, <body>, y <meta>. También explica cómo agregar estilos CSS entre etiquetas <style> para dar formato a tablas. Además, resume etiquetas básicas como <b>, <i>, <u>, así como cómo crear listas ordenadas y no ordenadas. Por último, explica cómo crear tablas, enlaces internos, locales y remotos.

    Copyright:

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

    Estructura básica de documento HTML 5

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <title>TÍtulo</title>
    <meta charset="UTF-8">
    <style>
    </style>
    </head>
    <body>

    </body>
    </html>

    Qué incluir entre las etiquetas style del head para poder ver las tablas razonablemente
    <style>
    table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 250px;
    }
    td {
    border: 1px solid black;
    }
    </style>

    Etiquetas básicas

    Etiqueta Significado
    <b> </b> Negrita (bold)
    <strong> </strong>
    <i> </i> Cursiva (italic)
    <em> </em>
    <u> </u> Subrayado (underlined)
    <sub> </sub> Subindice
    <sup> </sup> Superindice

    Listas

    Listas ordenadas Listas no ordenadas


    <ol> <ul>
    <li>Primer elemento</li> <li>Primer elemento</li>
    <li>Segundo elemento</li> <li>Segundo elemento</li>
    <li>Tercer elemento</li> <li>Tercer elemento</li>
    <li>Cuarto elemento</li> <li>Cuarto elemento</li>
    </ol> </ul>
    Tablas

    <table>
    <tr>
    <td>1</td> Celda 1 de la Fila 1
    Fila 1 <td>2</td>
    </tr> Celda 2 de la Fila 1
    <tr>
    <td>3</td> Celda 1 de la Fila 2
    Fila 2
    <td>4</td>
    </tr> Celda 2 de la Fila 2
    </table>

    Propiedad de <td> Significado


    colspan=2 Expande una celda horizontalmente dos celdas
    rowspan=2 Expande una celda verticalmente dos filas

    Enlaces

    Tipos de enlace
    Dirigen a otras partes dentro de la misma página
    Ejemplo:
    Para ir a una zona concreta de la página, debemos poner un nombre
    o identificador a esa zona. Eso no es un enlace, es un ancla o una
    zona identificada
    <a name=”destino”>aquí comienza el destino </a>
    Internos O bien
    <p id=”destino”> aquí comienza el destino </p>

    Una vez tengamos el ancla, podemos poner un enlace a esa zona


    <a href=”#destino”>apunto a DESTINO</a>

    El símbolo # expresa que el enlaza a una sección en particular


    Son enlaces a otras páginas del mismo sitio web
    Ejemplo:
    <a href="archivo.html">contenido</a>
    locales Esto es correcto si el archivo archivo.html está en la misma carpeta
    que la página dónde estamos poniendo el enlace, en caso de estar
    en otra carpeta tendremos que poner su ruta relativa (lo veremos en
    clase)
    Enlaces que dirigen a páginas que se encuentran fuera de nuestro
    sitio web
    remotos Ejemplo:
    <a href="http://www.google.es">ir a google.es</a>

    También podría gustarte