UD01 | Los lenguajes de marcas
Esta web expone los ejercicios que hemos estado realizando en el marco del MF0950 | Construcción de Páginas Web.
Aquí puedes descargar los ejercicios realizados hasta el momento.
- 001-index.html
- Se describe la estructura básica de una página web.
- 002-titulos-y-parrafos.html
-
Se describe el uso de los elementos
(y el resto de su familia) y
<p>. - 003-seccion-de-contenido.html
-
Se describe el uso de los elementos estructurales semánticos
<header>,<main>y<footer>. - 004-seccion-de-contenido-2.html
-
Se describe el uso de los elementos estructurales semánticos
<section>y<article>. - 005-seccion-de-contenido-3.html
- En esta actividad se ve un ejemplo de un artículo estructurado en secciones.
- 006-aside-nav.html
- En esta actividad se ven los elementos semánticos estructurales: <nav> y <aside>.
- 006-repaso-01.html
- Esta es una actividad de repaso que incluye un artículo sencillo.
- 006-repaso-02.html
- Esta es una actividad de repaso que incluye un artículo dividido en secciones.
- 006-repaso-03.html
- Esta es una actividad de repaso muestra una sección que incluye artículos.
- 006-aside.html
- Se describe el uso de los elementos estructurales semánticos
<nav>y<aside>. - 012-listas.html
-
Se describe el uso de los elementos
<ol>,<ul>y<li>que se emplean para crear listas ordenadas (ol) y listas desordenadas. Las listas se pueden emplear para crear menús de navegación. - 013-listas-de-definicion.html
-
Se describe el uso de los elementos
<dl>,<dt>y<dd>que se emplean para crear listas de definición o listas descriptivas. - 014-listas-anidadas.html
- Se describen las listas anidadas.
- 016-tablas-estructura.html
- Se describe el uso de los elementos básicos para crear tablas:
<table>,<caption>,<tr>y<td>. - 017-tablas-unificar-celdas-horizontales.html
- Se describe el método para unificar o combinar varias celdas adyacentes horizontales.
- 018-tablas-unificar-celdas-verticales.html
- Se describe del atributo rowspan que permite expandir una celda en varias filas.
- 019-tablas-avanzadas-01.html
-
Se describe el elemento
<th>que permite definir celdas especiales de encabezado. - 019-tablas-avanzadas-02.html
-
Se describe los elementos HTML que permiten agrupar filas. Las filas se agrupan filas de
encabezados
(
<thead>), filas de cuerpo (<tbody>) y filas de pie (<tfoot>) - 019-tablas-avanzadas-03.html
-
Se describe los elementos
<colgroup>y<col>. Estos elementos se combinan para agrupar columnas a las que poder aplicarles estilos CSS personalizados. - 014-repaso-01.html
- Se repasan las sistas ordenadas, desordenadas y anidadas.
- 014-repaso-02.html
- Se repasan las listas de definición.
- 019-repaso-01.html
- Se repasan las tablas avanzadas con estructura semántica.
- 006-repaso-04.html
- Se repasa la estructura semántica de una página web.
- 006-repaso-05.html
- Se repasa la estructura semántica de una página web.
- 007-elementos-de-bloque-y-linea.html
- Se describen las diferencias entre los elementos de bloque y de línea.
- 008-elementos-de-linea.html
-
Se ven los elementos de línea
<small>,<sup>y<sub>y los espácios duros o de no separación. - 010-enlaces/index.html
- Se describen diferenrtes ejemplos de enlaces.
- ./011-enlaces-anclas/paginas/miblog.html
- Se describen los enlaces internos dentro de una misma página web.
- ./011-enlaces-anclas/index.html
- Se describen los enlaces que apuntan a una zona determinada dentro de otra página web.
- ./011-enlaces-anclas/index.html
- Se describen los enlaces que apuntan a una zona determinada dentro de otra página web.