Está en la página 1de 9

Tarea Semana 3

Roberto Pulgar Roco

Programación HTML

Instituto IACC

25-11-2019
Desarrollo

En esta tarea desarrollare una pagina web en la cual se tratara de una pequeña reseña de como

son los circo esta la produje en el programa kompozer y demotrares a travez de imágenes de

como se produjo esta pagina es sencilla pero bonita 😉

Se inicia utilizando el locahost de xampp


Se inserta imágenes a la clase esta la realice como me explicaba en la materia en la cual cree en

el directorio de xampp y en la caprte docunhost se creo esta carpeta de imágenes y de CSS que

no se ocupo pero en si la cree


En si la pagina se visualiza asi en el sitio web
Y este vendría a ser su código

<html>

<head>

<meta content="text/html; charset=ISO-8859-1"

http-equiv="content-type">

<title>BIENVENIDOS AL CIRCO</title>

</head>

<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 153);"

alink="#ee0000" link="#0000ee" vlink="#551a8b">

<div style="text-align: center;"><big><big><big><big>BIENVENIDOS AL

CIRCO<br>

<br>

</big></big></big></big>

<div style="text-align: left;">

<p class="MsoNormal"

style="text-indent: 36pt; text-align: left; margin-left: 0px; width: 1619px;"></p>

<p style="height: 33px;" class="MsoNormal">fueron creados para la

entretención de las personas en esto hay

<span style="font-weight: bold; font-style: italic;">payasos,

acróbatas, bailarines, modelos, el hombre bala, elefantes, tigres,

leones, monos</span><span

style="font-weight: bold; text-decoration: underline;"> </span>y un


sin fin de cosas que hacen entretener a las personas es por

ello que los circo vendría a ser las nuevas entretenciones que hay hoy

en día

como los mall el circo se creó para la familia y es un clásico que no

pasa de

moda es por ello que es no se deja de lado esta entretención porque es

sana,

pero como el tiempo pasa y las cosas cambian los circo también cambian

brindando nuevas entretenciones y nueva tecnologías<o:p></o:p></p>

<br>

<p class="MsoNormal"

style="text-indent: 36pt; text-align: left; margin-left: 0px; width:

1619px;"><big><big><big><big>

</big></big></big></big></p>

<img style="width: 1581px; height: 365px;"

src="../../../../../xampp/htdocs/clase%203/imagenes/circo%20ruperto.jpg"

alt="circo%20ruperto.jpg"></div>

</div>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img style="width: 474px; height: 176px;"

src="../../../../../xampp/htdocs/clase%203/imagenes/payasos%20raros.jpg"

alt="payasos%20raros.jpg">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp;&nbsp; <img style="width: 537px; height: 166px;"

src="../../../../../xampp/htdocs/clase%203/imagenes/entrada%20circo.jpg"

alt="entrada%20circo.jpg">&nbsp;

&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;

</body>

</html>
Bibliografía

Iacc 2019 programación HTML semana 3

También podría gustarte