Embedded Files
Curso de HTML de Code Academy.
Vamos a utilizar el tutorial de HTML del Code Academy que está en el siguiente enlace (en inglés)
ACTIVIDADES
- Remezcla el proyecto de la página de Mozilla: Debes cambiar el texto, la imagen y si puedes el hipervínculo.My Six Word Summer
- Realiza con el editor Notepad ++ una página sencilla en la que os presentéis (puedes elegir otro tema cualquiera). Guardadla luego en la carpeta compartida de Drive. Debe incluir:
- Diferentes tamaños de letra, negrita y cursiva
- Un hipervínculo, una imagen y otra imagen que sea a su vez un hipervínculo.
- OPCIONAL: Realiza el primer reto del siguiente enlace de Wikiversity. Debes conseguir una apariencia semejante a la pedida : Which heading to choose?
- Realiza con el editor Notepad ++ una página, o bien completa la página del ejercicio dos, de tal manera que incluya tablas y alguna de las etiquetas que pueden contener las tablas (colspan, rowspan, scope, thead, tbody, tfoot...)
- OPCIONAL:Realiza el TERCER reto del siguiente enlace de Wikiversity(Challenge 3: Tables for tabular data)
PUEDES USAR TAMBIÉN LAS SIGUIENTES ETIQUETAS:
PARA PONER ACENTOS:
- Si quiero poner una a con acento: á
- También escribir dentro del "head" : <meta charset="utf-8">
PARA ESCRIBIR UNA Ñ
- La capital de España es Madrid
- También escribir dentro del "head" : <meta charset="utf-8">
PARA CAMBIAR EL COLOR DE FUENTE:
<font color = "#FFCCCC"> Texto a cambiar el color </font>
PARA PONER UNA IMAGEN EN EL FONDO:
<BODY BACKGROUND="fondo2.jpg">
ENLACES INTERESANTES
Página de Mozilla para aprender HTML
Otra posibilidad: Vamos a realizar las prácticas guiadas de las fotocopias.
Práctica 1: primer ejemplo HTML
Práctica 2: ejemplo 2
Práctica 3: ejemplo enlaces
Práctica 4: tablas
Práctica 5. imágenes
PROYECTO FINAL: Con todo lo anterior crea una página web de temática libre.
Debes mandar el código html con todos los archivos usados a la dirección informatica2bperidis@gmail.comindicando vuestros nombres y apellidos.
PARA INTRODUCIR UN VIDEO DE YOUTUBE
(Hay que personalizar en cada caso la url del video que el lo que empieza por http. Se obtiene pulsando en youtube en compartir y en insertar)
<iframe width="560" height="315"
src="https://www.youtube.com/embed/85MppyLJHz0?autohide=0"
allowfullscreen></iframe>
<header('Content-Type: text/html; charset=UTF-8')>;¡
Google Sites
Report abuse