Mi Wiki Web
Jordi Soler
Ejercicios HTML, Formularios y Plantillas
- 01 Mi Primera Web Html
- Nos enseña a cambiar en el metachrset el iso-8859-1 por el UTF-8 para que nos reconozca los caracteres en español de nuestro teclado.
- 02 Segunda Web Html
- Escribir dentro del body los cinco lenguajes de programacion que existen.
- 03 Tabular Archivo
- Nos enseña a utilizar la etiqueta h1 en el header para poner el nombre de la web. Tambien nos enseña a hacer una lista desordenada con distintos elementos.
- 03.01 Nuevas Etiquetas
- Utiliza las etiquetas html, head, y body para estructurar la página. Incluye un título (title) para tu página. Agrega un encabezado (header) con un título de nivel 1 (h1) que diga "Mi Blog". Introduce una barra de navegación (nav) con al menos tres enlaces (a) que representen secciones de tu blog. Enlace cada uno con "#" por ahora.
- 04 NivelesH
- Nos enseña a utilizar las etiquetas h1 y p.
- 05 Salto de Linea
- Nos enseña a utilizar saltos de linia con la etiqueta.
- 06 Parrafo con Salto de Linea
- Hacemos saltos de linea con br.
- 07 Lista Ordenada
- Colocar elementos dentro de una lista ordenada.
- 08 Lista Desordenada
- Colocar elementos en una lista desordenada.
- 09 Listas
- Nos enseña a crear listas dentro de otras listas.
- 09 Listas(Extra)
- Mezclar listas ordenadas con listas desordenadas.
- 10 Listas con Enlaces
- Hacer listas y escribir enlaces a las webs.
- 10 Listas con Enlaces(Extra)
- Utilizar enlaces con la etiqueta a en todo tipo de listas.
- 11 Imagenes con Enlaces
- Insertar imagenes en los enlaces y abrirlos en nuevas ventanas.
- 11.01 Imagenes con Enlaces
- Hacer lo mismo que en el anterior pero estructurar las imagenes con div.
- 12 Figure imagenes con Enlaces
- Nos enseña a utilizar las etiquetas figure y figcaption para colocar una pequeña descripcion debajo de los enlaces.
- 13 Negritas y Cursivas
- Podremos escribir utilizando negrita y cursiva y utilizar sangrados o tabulaciones en cada linea.
- 14 Audio y Video
- Utilizar las etiquetas source src para añadir audios y videos en nuestra pagina web.
- 15 Tabla Horarios Clase
- Hacer tablas en nuestra pagina web.
- 15 Tabla(Extra)
- Realizar tablas mas estructuradas con alguna etiqueta nueva como s para tachar lo escrito.
- 15.03 Tablas(extra)
- Unir celdas en horizontan "colspan" y unir celdas en vertical "rowspan".
- 15.04 Tablas(Extra)
- Darle formato y color a las tablas de nuestra web, al igual que unic celdas en horizontal y vertical.
- 16.01 iframe Pagina Web-JordiSoler
- Utilizar la etiqueta Iframe "que sirve para insertar un docuento html dentro de otro documento html" para abrir una nueva pagina web.
- 16.02 iframe Video-JordiSoler
- Abrir un video dentro de un documento html.
- 16.03 iframe PDF-JordiSoler
- Abrir un Pdf dentro de un documento html.
- 16.04 iframe Video Youtube-JordiSoler
- Abrir un video de youtube dentro de un documento html.
- 16 Enlaces a iframe(extra)
- Insertar un calendario de Google incrustado utilizando la etiqueta iframe. Tambien insertaremos una direccion de google maps con iframe.
- 16 iframe(extra)
- Poner un enlace a cada una de los iframes de los ejercicios anteriores.