Páginas web: HTML y CSS
PRÁCTICA 0
1.- Crea en el Escritorio una carpeta llamada WEB donde guardar las actividades y
proyectos de este tema. Dentro de esta carpeta crea otra llamada PRACTICA0, que
contendrá los archivos de esta práctica.
2.- Con un editor de texto crea un documento HTML llamado ejercicio0.htm y guárdalo
dentro de la carpeta PRACTICA0.
3.- Escribe en ejercicio0.htm las siguientes líneas de código, que constituyen el
“esqueleto” mínimo de toda página web:
<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”UTF-8”>
</head>
<body>
</body>
</html>
4.- Añade al head del documento la etiqueta title para que el navegador ponga a la
ventana el título “Mi primera página web”.
5.- Añade al body del documento las siguientes etiquetas:
•h1, para poner el texto “Presentación” como título principal de la página.
•p, para escribir un párrafo donde te presentes poniendo un saludo, tu nombre y edad.
Observa que, sin que se lo indiquemos, el navegador hace un salto de línea para que
este párrafo comience debajo del título. Esto ocurre porque los títulos y los párrafos
son elementos HTML de tipo bloque (block).
•p, para escribir otro párrafo donde indiques qué estudios realizas y cuáles son tus
aficiones.
•b o strong, para poner en negrita tu nombre.
•i o em, para poner en cursiva tus aficiones.
•hr, para añadir tras el segundo párrafo una línea separadora de 500px de larga, 5px
de ancha y color marrón (brown).
•a, para añadir un enlace a un sitio de Internet (página web, blog, etc.) que visites con
frecuencia.
▪La ruta exacta del sitio puedes obtenerla visitándolo.
▪El enlace debe abrirse en una nueva ventana del navegador (atributo
target=”_blank”)
▪El contenido de la etiqueta a debe ser similar a esta frase:
Éste es uno de mis sitios favoritos
•br, para introducir un salto de línea en la página.
•img, para añadir una imagen que te guste (foto, logo, escudo, dibujo, etc.).
▪La imagen debes tenerla guardada en la carpeta PRACTICA0.
