- HTML 4
- XHTML
- HTML5
El más conocido es el primero. Si en cualquier página WEB que visualizamos en el navegador, visualizamos su código fuente podremos ver cómo es el código HTML. Dicho código consiste en una serie de etiquetas. Las etiquetas pueden ser de 2 tipos que precisan abrir y cerrar la etiqueta
<html> </html>
o que no precisan cerrar <br/>
Para conocer la lista de las etiquetas podremos consultar MOZILLA ,
o bien Códigos.
Para escribir el código de nuestras páginas web se puede utilizar el bloc de accesorios guardando la página con formato html. Pero es aconsejable descargarse el editor notepad-plus ++.
Todas las páginas WEB tienen 2 partes el encabezado y el cuerpo. Por eso una página básica será:
<html>
<head>
</head>
<body>
</body>
Los elementos del encabezado no son visibles, pero guardan información sobre la página como su titulo, los enlaces, los estilos, los javascripts. En el cuerpo se pone el contenido.
Todas las páginas WEB tienen 2 partes el encabezado y el cuerpo. Por eso una página básica será:
<html>
<head>
</head>
<body>
</body>
Los elementos del encabezado no son visibles, pero guardan información sobre la página como su titulo, los enlaces, los estilos, los javascripts. En el cuerpo se pone el contenido.
Con estas dos premisas vamos a comenzar a crear nuestras páginas usando el código html. El trabajo consiste en crear una página WEB sobre BIGDATA. Con la información recopilada, la presentaremos en formato WEB. Os dejo los códigos de todas las páginas que se pueden descargar desde este enlace. También os dejo un tutorial en formato video. La actividad consistirá en hacer una página similar pero con el resto de los conceptos ya tratados en el post 2 de la etiqueta el futuro de internet
El resultado final lo podreis tener descargando la página, y colocandola en la misma carpeta en donde está la carpeta imágenes con la imagen que hemos puesto en la página.
ACTIVIDADES.
1.- Abra el bloc de notas de los accesorios y escriba el siguiente código
<html>
<head>
<title>
Mi primera página WEB
</title>
</head>
<body>
Aprendiendo a usar HTML
</body>
</html>
Guárdale con formato html. ¿Que sucede cuando se abre con un explorador?
¿Cómo podría poner el texto en negrita? Y ¿en cursiva?
2.- Utilizando las etiquetas HTML, cree una página WEB.
2.1.- Cree un encabezado denominado "TECNOLOGIA, PROGRAMACIÖN Y ROBOTICA", en letras de color rojo.
2.2.- Alinea a la derecha "Aprendiendo HTML".
2.3.- Inserte una imagen en la página.
2.4.- Inserte un hiperenlace a www.google.com.
El resultado final será:
3.- Construya otra página WEB con las siguientes características
3.1.- Encabezado "Aprendemos tecnología" en rojo.
3.2.- Alineado a la derecha "..porqué hacemos tecnología."
3.3.- Inserte un podcast que encontrará en http://cadenaser.com, apartado Podcast, sección Historia y programa SER Historia.
3.4.- Utilizando el código HTML haga un resumen del mismo.
El resultado será:
4.- Enlace ambas páginas.
El resultado final lo podreis tener descargando la página, y colocandola en la misma carpeta en donde está la carpeta imágenes con la imagen que hemos puesto en la página.
ACTIVIDADES.
1.- Abra el bloc de notas de los accesorios y escriba el siguiente código
<html>
<head>
<title>
Mi primera página WEB
</title>
</head>
<body>
Aprendiendo a usar HTML
</body>
</html>
Guárdale con formato html. ¿Que sucede cuando se abre con un explorador?
¿Cómo podría poner el texto en negrita? Y ¿en cursiva?
2.- Utilizando las etiquetas HTML, cree una página WEB.
2.1.- Cree un encabezado denominado "TECNOLOGIA, PROGRAMACIÖN Y ROBOTICA", en letras de color rojo.
2.2.- Alinea a la derecha "Aprendiendo HTML".
2.3.- Inserte una imagen en la página.
2.4.- Inserte un hiperenlace a www.google.com.
El resultado final será:
3.- Construya otra página WEB con las siguientes características
3.1.- Encabezado "Aprendemos tecnología" en rojo.
3.2.- Alineado a la derecha "..porqué hacemos tecnología."
3.3.- Inserte un podcast que encontrará en http://cadenaser.com, apartado Podcast, sección Historia y programa SER Historia.
3.4.- Utilizando el código HTML haga un resumen del mismo.
El resultado será:
4.- Enlace ambas páginas.
No hay comentarios:
Publicar un comentario