Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Practicas</title>
- <link rel="stylesheet" href="../css/style.css">
- </head>
- <body>
- <!--Barra de navegación -->
- <nav>
- <ul>
- <li>
- <a href="../index.html">
- INICIO
- </a>
- </li>
- <li>
- <a href="propiedades.html">
- PROPIEDADES
- </a>
- </li>
- <li>
- <a href="paginas/tablas.html">
- TABLAS
- </a>
- </li>
- <li>
- <a href="formulario.html">
- FORMULARIO
- </a>
- </li>
- </nav>
- <!--Cabecera de la página -->
- <header>Practicas</header>
- <!--Contenido principal-->
- <main>
- <!--Contenido central -->
- <section>
- <h1>
- Tablas básicas
- </h1>
- <article id="a3" name="inicio">
- <table border="1">
- <caption>Tabla Básica</caption>
- <tr>
- <th>Celda título 1</th>
- <th>Celda título 2</th>
- <th colspan="2">Celda título 3</th>
- </tr>
- <tr>
- <td>Celda 1</td>
- <td>Celda 2</td>
- <td>Celda 3</td>
- <td>Celda 4</td>
- </tr>
- <tr>
- <td colspan="2">Celda 5</td>
- <td colspan="2">Celda 6</td>
- </tr>
- <tr>
- <td rowspan="2">Celda 7</td>
- <td colspan="3">Celda 8</td>
- </tr>
- <tr>
- <td colspan="3">Celda 9</td>
- </tr>
- </table>
- <br>
- <table border="2">
- <caption>Propiedades CSS</caption>
- <tr>
- <th>Propiedad</th>
- <th>Descripción</th>
- <th>Valor</th>
- </tr>
- <tr>
- <th>width</th>
- <td>Ancho de cualquier elemento</td>
- <td>Porcentaje o pixeles</td>
- </tr>
- </table>
- </article>
- </section>
- <!--Barra lateral-->
- <aside>
- Barra lateral
- </aside>
- </main>
- <!--Pie de página-->
- <footer>Pie de Página</footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement