Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Práctica 0 en HTML y CSS: Creación de una página web básica, Ejercicios de Informática

Este documento contiene instrucciones para crear una página web sencilla utilizando html y css. Se describe cómo descargar una imagen para usarla como favicon, crear un archivo html básico, agregar etiquetas title y link, escribir texto con diferentes tipos de títulos, crear listas ordenadas y tablas, añadir enlaces a otras páginas y establecer su apariencia con css.

Tipo: Ejercicios

2020/2021

Subido el 03/10/2021

juan-jose-nogales-silvero
juan-jose-nogales-silvero 🇪🇸

3 documentos

1 / 2

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
Páginas web: HTML y CSS
PRÁCTICA 0 - CONTINUACIÓN
7.- Descarga de Internet una imagen cuadrada, tipo .ico o .png, que usarás como
identificativa de tu página web (favicón). Guárdala en la carpeta PRACTICA0.
8.- Con un editor de texto crea un documento HTML llamado ejercicio1.htm y guárdalo
dentro de la carpeta PRACTICA0. Escribe en ejercicio1.htm las líneas mínimas de código:
<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”UTF-8”>
</head>
<body>
</body>
</html>
9.- Añade al head del documento las etiquetas:
title, para que el navegador ponga a la ventana el título “Segunda página web”.
link, para que el navegador también coloque el favicón.
10.- Añade al body del documento las siguientes etiquetas:
h1, h2, h3, h4, h5 y h6 para poner al principio de la página el texto “Distintos tipos
de títulos” con 6 estilos distintos de título.
ol y h2, para escribir una lista ordenada con el título “Días de la semana” y los 7
ítems correspondientes (Lunes, Martes, etc.). El tipo de numeración debe ser romano
en mayúsculas.
table, para escribir la siguiente tabla (HTML no añade bordes):
Geografía
País Capital
España Madrid
Portugal Lisboa
Francia París
p, para escribir este texto:
España y Portugal están en la Península Ibérica. La cadena montañosa de los Pirineos
separa Francia de la península.
table, para escribir esta otra tabla:
Comunidad Autónoma
Extremadura Badajoz
Cáceres
p, para escribir el texto:
Badajoz es la provincia más extensa de España con 21.766 km². Cáceres es la segunda en
extensión, con 19.868 km².
pf2

Vista previa parcial del texto

¡Descarga Práctica 0 en HTML y CSS: Creación de una página web básica y más Ejercicios en PDF de Informática solo en Docsity!

Páginas web: HTML y CSS PRÁCTICA 0 - CONTINUACIÓN 7.- Descarga de Internet una imagen cuadrada, tipo .ico o .png , que usarás como identificativa de tu página web (favicón). Guárdala en la carpeta PRACTICA0. 8.- Con un editor de texto crea un documento HTML llamado ejercicio1.htm y guárdalo dentro de la carpeta PRACTICA0. Escribe en ejercicio1.htm las líneas mínimas de código:

9.- Añade al head del documento las etiquetas:

  • title, para que el navegador ponga a la ventana el título “Segunda página web”.
  • link, para que el navegador también coloque el favicón. 10.- Añade al body del documento las siguientes etiquetas:
  • h1, h2, h3, h4, h5 y h6 para poner al principio de la página el texto “Distintos tipos de títulos” con 6 estilos distintos de título.
  • ol y h2, para escribir una lista ordenada con el título “Días de la semana” y los 7 ítems correspondientes (Lunes, Martes, etc.). El tipo de numeración debe ser romano en mayúsculas.
  • table, para escribir la siguiente tabla (HTML no añade bordes): Geografía País Capital España Madrid Portugal Lisboa Francia París
  • p, para escribir este texto: España y Portugal están en la Península Ibérica. La cadena montañosa de los Pirineos separa Francia de la península.
  • table, para escribir esta otra tabla: Comunidad Autónoma Extremadura Badajoz Cáceres
  • p, para escribir el texto: Badajoz es la provincia más extensa de España con 21.766 km². Cáceres es la segunda en extensión, con 19.868 km².

Páginas web: HTML y CSS

  • a, para añadir un enlace a la página web ejercicio0.htm. ▪ La ruta es ejercicio0.htm. ▪ El enlace debe abrirse en una nueva ventana del navegador. ▪ El contenido de la etiqueta a debe ser similar a esta frase: Enlace a mi primera página web 11.- Usa CSS para que la página quede con esta apariencia: Indicaciones:
  • Con el editor de texto crea el archivo ejercicio1.css y enlázalo con ejercicio1.htm.
  • El fondo de la página es de color #83E712.
  • Los días de la semana y el texto del enlace tienen tamaño 22 px.
  • Los títulos están centrados en la página y el segundo es de color rojo.
  • Añade un atributo class o id al título de la lista para modificar su color y alineación.
  • Los bordes de las tablas son de grosor 3 px, estilo sólido y color rojo.
  • El texto de las tablas está centrado.
  • Para conseguir el efecto de dos columnas: ◦ Encierra la primera tabla y el primer párrafo en un contenedor div con atributo class=”contenido”. ◦ Haz lo mismo con la segunda tabla y el segundo párrafo, poniendo el mismo atributo class=”contenido”. ◦ Encierra los dos div en otro div que tenga por atributo class=”contenedor”. ◦ Los div clase contenido tienen un ancho del 48%, un alto de 250 px y un fondo de color #34DDE8. ◦ El div clase contenedor tiene las propiedades: display: flex; (el contenido se alinea horizontalmente) justify-content: space-between; (el contenido se separa entre sí)