Control 5

Control 5
Jorge Olguín Leiva
Programación HTML I
Instituto IACC
28/07/2018
Se requiere crear en una página web una pequeña biografía de Rubén Darío, siguiendo las siguientes
instrucciones.
1. El nombre del personaje histórico debe aparecer en primer lugar como párrafo centrado y
subrayado.
2. Debajo del nombre del personaje, incruste una fotografía de él, centrada a lo ancho de la
página.
3. Inmediatamente después incluya una pequeña biografía de a lo menos 3 párrafos justificados a
ambos márgenes.
Desarrollo
Se da estilo al código HTML mediante CSS incluido en el documento HTML. No se crea
archivo a parte que es lo más indicado. Podría haberse incluido el estilo en cada línea de código
HTML pero esto alargaría este mismo. Se incluye en la pestaña de la pagina, Favicon.
1- Nombre de personaje, como párrafo en html y luego se da estilo mediante CSS, tipo de
letra de 40 pixeles, subrayado, centrado y por último se le aplica un efecto de sombra.
2- Se incluye fotografía del personaje, la cual mediante CSS se le da un ancho del 100%.
3- Se incluyen los 3 párrafos solicitados a los cuales se les considera los caracteres
especiales como á, é, í, ó, ñ y ü. Estos 3 párrafos son encerrados en un DIV para poder
diferenciarlos del primer párrafo que hace las veces de Titulo. En CSS se les da un
tamaño de letra de 15 pixeles, justificado, interlineado de 25 pixeles y se anula el
subrayado y el efecto de sombra incluidos en el párrafo anterior del punto uno.

Se incluye código HTML y CSS completo.
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<!-Con la siguiente línea, se incluye icono en la parte superior izquierda de la pestaña->
<link rel="shortcut icon" type="image/x-icon" href="imagenesc/iacc2.ico">
<title>Control 5</title>
<!-Se aplica el estilo en el mismo document html->
<style type="text/css">
body{
background:#BCAB2A; <!-se aplica color de fondo->
}
p{ <!-Se aplica estilo a todo los parrafos, en este caso el titulo->
font-size:40px; <!-tamaño de letra->
text-decoration:underline; <!-titulo subrayado->
text-align:center; <!-alineado al centro->
text-shadow:2px 1px 1px #000; <!-efecto de sombra al título->
}
img{
width:100%; <!-imagen ocupa todo el ancho de la pantalla->
}
div p{ <!-Se encierra los párrafos de la bibliografía en un div, para facilitar la aplicación de estilo
y hacer la diferencia con el título, que también es párrafo, según requerimiento->
font-size:15px; <!-tamaño letra bibliografía->
text-align:justify; <!-todo el texto de la bibliografía con justificado->
line-height:25px; <!-interlineado de 25px->
text-decoration:none; <!-anula el subrayado a estos párrafos incluido más arriba->
text-shadow:none; <!-anula el efecto sombra incluido mas arriba->
}
</style>
</head>
<body>
<p>RUBEN DARIO</p>
<img src="imagenesc/ruben.jpg">
<div>
<p>Casi por azar nació Rubén en una pequeña ciudad nicaragüense
llamada Metapa, pues al mes de su alumbramiento pasó a residir a León,
donde su madre, Rosa Sarmiento, y su padre, Manuel García, habían
fundado un matrimonio teóricamente de conveniencias pero próspero sólo
en disgustos.</p>
<p>Para hacer más llevadera la mutua incomprensión, el incansable
Manuel García se entregaba inmoderadamente a las farras y ahogaba sus
penas en los lupanares, mientras la pobre Rosa Sarmiento huía de vez en
cuando de su cónyuge para refugiarse en casa de alguno de sus
parientes. No tardaría la madre en dar a luz una segunda hija (Cándida
Rosa, que se malogró enseguida) ni en enamorarse de un tal Juan Benito
Soriano, con el que se fue a vivir arrastrando a su primogénito a "una
casa primitiva, pobre y sin ladrillos, en pleno campo", situada en la
localidad hondureña de San Marcos de Colón.</p>
<p>No obstante, el pequeño Rubén volvió pronto a León y pasó
a
residir con los tíos de su madre, Bernarda Sarmiento y su marido, el
coronel Félix Ramírez, los cuales habían perdido recientemente una niña
y lo acogieron como sus verdaderos padres. Muy de tarde en tarde vio
Rubén a su madre, a quien desconocía, y poco más o menos a su padre,
por quien siempre sintió desapego, hasta el punto de que el incipiente
poeta firmaba sus primeros trabajos escolares como Félix Rubén Ramírez.</p>
</div>
<br>
</body>
</html>
Bibliografía
1.- Biografia https://www.biografiasyvidas.com/biografia/d/dario_ruben.htm
2.- Foto de imágenes de google.
3.- Efectos incluidos en CSS sacados de youtube, curso básico CSS de Falcom Master.

Control 5

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Control 5

Caricato da

Copyright:

Formati disponibili

Control 5

Jorge Olguín Leiva

Se da estilo al código HTML mediante CSS incluido en el documento HTML. No se crea

letra de 40 pixeles, subrayado, centrado y por último se le aplica un efecto de sombra.

especiales como á, é, í, ó, ñ y ü. Estos 3 párrafos son encerrados en un DIV para poder

tamaño de letra de 15 pixeles, justificado, interlineado de 25 pixeles y se anula el

subrayado y el efecto de sombra incluidos en el párrafo anterior del punto uno.

1.- Biografia https://www.biografiasyvidas.com/biografia/d/dario_ruben.htm

2.- Foto de imágenes de google.

Potrebbero piacerti anche