SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
EJERCICIO DE APLICCIÓN DEL CÓDIGO HTML
Haz una página web con las primeras estrofas de la “Canción del Pirata” de José de
Espronceda. El texto lo encontraras en el archivo texto_pirata.txt que está en la carpeta compartida
infor4 del ordenador del profesor, carpeta de páginas web. También hay manuales de código html.
El nombre de la página que debe aparecer en el navegador es: CANCIÓN DEL PIRATA.
Aplica un color de fondo para tu página en la etiqueta <body>
El Título debe estar centrado y con una raya debajo, también centrada. Puedes elegir el tipo
de fuente, altura y color de la raya que quieras.
El poema estará centrado en la página, y cada estrofa debe ir separada por un espacio de las
otras.
En la primera estrofa, subraya el nombre del barco pirata con la etiqueta <u>. La última
estrufa es el estribillo de la canción, ponla en cursiva con la etiqueta <i>
Al final aparece el nombre del autor: José de Espronceda, vamos a poner un enlace a una
página web con su biografiá: buscala en el internet y copia su direccion. A continuación, con la
etiqueta <a > ponemos un enlace a esa página con su nombre así:
<a href="pega aquí la url que has buscado">José de Espronceda</a>. Recuerda, en las
comillas debes pegar el enlace que has buscado antes. Para que se note que es un enlace debe tener
un color distinto al texto, por ejemplo magenta. Para ello pon el modificador vlink=”magenta”
dentro de la etiqueta <body>. Por último, para que ese enlace se abra en otra página y no nos cierre
la nuestra el navegador, incluye el modificador target="_blank" dentro de la etiqueta <a>.
Pon una raya debajo que ocupe todo el ancho de la pantalla.
Para terminar, inserta una imagen de un barco pirata. Busca la imagen en internet y la
guardas en la misma carpeta de tu página. Ahora, con la etiqueta <img> indicas el nombre de la
imagen que quieres pegar, en mi caso es barco_pirata.jpg
<img src="barco_pirata.jpg" alt="Bajel pirata `El Temido`">
Añade el modificador alt="Bajel pirata `El Temido`" a la etiqueta <img> para que al
pasar el cursor por la foto muestre el nombre del barco.
Para terminar, pon tu nombre y curso abajo a la derecha de la página.

Más contenido relacionado

La actualidad más candente

Presentacion de diapositivas powerpoint
Presentacion de diapositivas powerpointPresentacion de diapositivas powerpoint
Presentacion de diapositivas powerpointTheallamericanrejects
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandraTatianita Is
 
Configuraciones de un navegador web
Configuraciones de un navegador webConfiguraciones de un navegador web
Configuraciones de un navegador webAngel Ortiz Aguilera
 
Partes del Teclado
Partes del TecladoPartes del Teclado
Partes del TecladoJuanii Bravo
 
Tutorial Descarga Canciones
Tutorial Descarga CancionesTutorial Descarga Canciones
Tutorial Descarga Cancionesguest1af6f0
 
Tutorial de Vocaroo
Tutorial de VocarooTutorial de Vocaroo
Tutorial de Vocarooleynisp
 
VOCAROO - TUTORIAL: PINAR DE LA RUBIA
VOCAROO - TUTORIAL: PINAR DE LA RUBIAVOCAROO - TUTORIAL: PINAR DE LA RUBIA
VOCAROO - TUTORIAL: PINAR DE LA RUBIACarlos Viloria
 
PROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINAPROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINAinformatica97
 

La actualidad más candente (11)

Presentacion de diapositivas powerpoint
Presentacion de diapositivas powerpointPresentacion de diapositivas powerpoint
Presentacion de diapositivas powerpoint
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
Configuraciones de un navegador web
Configuraciones de un navegador webConfiguraciones de un navegador web
Configuraciones de un navegador web
 
Partes del Teclado
Partes del TecladoPartes del Teclado
Partes del Teclado
 
Tutorial Descarga Canciones
Tutorial Descarga CancionesTutorial Descarga Canciones
Tutorial Descarga Canciones
 
Tutorial de Vocaroo
Tutorial de VocarooTutorial de Vocaroo
Tutorial de Vocaroo
 
VOCAROO - TUTORIAL: PINAR DE LA RUBIA
VOCAROO - TUTORIAL: PINAR DE LA RUBIAVOCAROO - TUTORIAL: PINAR DE LA RUBIA
VOCAROO - TUTORIAL: PINAR DE LA RUBIA
 
Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)
 
PROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINAPROPIEDADES DE UNA PAGINA
PROPIEDADES DE UNA PAGINA
 

Destacado

Destacado (8)

Resíduo infectante
Resíduo infectanteResíduo infectante
Resíduo infectante
 
Andrea basurto
Andrea basurtoAndrea basurto
Andrea basurto
 
Configuración del sistema uniminuto
Configuración del sistema uniminutoConfiguración del sistema uniminuto
Configuración del sistema uniminuto
 
Informes sociolinguisticos
Informes sociolinguisticosInformes sociolinguisticos
Informes sociolinguisticos
 
Plan de Gestión de Uso de las TIC
Plan de Gestión de Uso de las TICPlan de Gestión de Uso de las TIC
Plan de Gestión de Uso de las TIC
 
Plan de gestión en las tic candelaria
Plan de gestión en las tic candelariaPlan de gestión en las tic candelaria
Plan de gestión en las tic candelaria
 
Chaika Project
Chaika ProjectChaika Project
Chaika Project
 
Leidy tatiana
Leidy tatianaLeidy tatiana
Leidy tatiana
 

Similar a MOMIAS (20)

Practicakompozer 3
Practicakompozer 3Practicakompozer 3
Practicakompozer 3
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Manual html
Manual htmlManual html
Manual html
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Tutorial xatspace..!
Tutorial xatspace..!Tutorial xatspace..!
Tutorial xatspace..!
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Tecnología de la información
Tecnología de la informaciónTecnología de la información
Tecnología de la información
 
Trabajo Práctico Nro 2
Trabajo Práctico Nro 2Trabajo Práctico Nro 2
Trabajo Práctico Nro 2
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
ETIQUETAS DE HTML
ETIQUETAS DE HTMLETIQUETAS DE HTML
ETIQUETAS DE HTML
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
html
htmlhtml
html
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Html
HtmlHtml
Html
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 

MOMIAS

  • 1. EJERCICIO DE APLICCIÓN DEL CÓDIGO HTML Haz una página web con las primeras estrofas de la “Canción del Pirata” de José de Espronceda. El texto lo encontraras en el archivo texto_pirata.txt que está en la carpeta compartida infor4 del ordenador del profesor, carpeta de páginas web. También hay manuales de código html. El nombre de la página que debe aparecer en el navegador es: CANCIÓN DEL PIRATA. Aplica un color de fondo para tu página en la etiqueta <body> El Título debe estar centrado y con una raya debajo, también centrada. Puedes elegir el tipo de fuente, altura y color de la raya que quieras. El poema estará centrado en la página, y cada estrofa debe ir separada por un espacio de las otras. En la primera estrofa, subraya el nombre del barco pirata con la etiqueta <u>. La última estrufa es el estribillo de la canción, ponla en cursiva con la etiqueta <i> Al final aparece el nombre del autor: José de Espronceda, vamos a poner un enlace a una página web con su biografiá: buscala en el internet y copia su direccion. A continuación, con la etiqueta <a > ponemos un enlace a esa página con su nombre así: <a href="pega aquí la url que has buscado">José de Espronceda</a>. Recuerda, en las comillas debes pegar el enlace que has buscado antes. Para que se note que es un enlace debe tener un color distinto al texto, por ejemplo magenta. Para ello pon el modificador vlink=”magenta” dentro de la etiqueta <body>. Por último, para que ese enlace se abra en otra página y no nos cierre la nuestra el navegador, incluye el modificador target="_blank" dentro de la etiqueta <a>. Pon una raya debajo que ocupe todo el ancho de la pantalla. Para terminar, inserta una imagen de un barco pirata. Busca la imagen en internet y la guardas en la misma carpeta de tu página. Ahora, con la etiqueta <img> indicas el nombre de la imagen que quieres pegar, en mi caso es barco_pirata.jpg <img src="barco_pirata.jpg" alt="Bajel pirata `El Temido`"> Añade el modificador alt="Bajel pirata `El Temido`" a la etiqueta <img> para que al pasar el cursor por la foto muestre el nombre del barco. Para terminar, pon tu nombre y curso abajo a la derecha de la página.