Escolar Documentos
Profissional Documentos
Cultura Documentos
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
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
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
diferenciarlos del primer párrafo que hace las veces de Titulo. En CSS se les da un
<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
3.- Efectos incluidos en CSS sacados de youtube, curso básico CSS de Falcom Master.