-
Notifications
You must be signed in to change notification settings - Fork 0
/
HistoriaPagina.html
140 lines (102 loc) · 7.1 KB
/
HistoriaPagina.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<html>
<head>
<title> Itália </title>
</head>
<style type="text/css">
body {font-family: century;
font-size: 25px; }
.texto01 {font-family: Times;
color: rgb(31, 110, 35);
font-size: 50px}
.texto02 {font-family: arial;
color: hsl(140, 86%, 28%) ;
background-color: rgb(248, 248, 248);
font-size: 35px; }
.texto03 {font-family: Algerian;
color: rgba(243, 9, 9, 0.938);
font-size: 40px}
.texto04 {font-family: Times;
color: rgba(243, 9, 9, 0.938);
font-size: 50px}
.texto05 {font-family: arial;
color: rgb(255, 255, 255);
font-size: 25px}
</style>
<link rel="shortcut icon" href="./src/imagens/BandeiraRedonda.png" type="image/x-icon">
<body style background-color: text="black" link="Brown" vlink="Brown" alink="Brown"
background="./src/imagens/FundoHistoria.png">
<div style= "top: 0px; left:0px; position: absolute;" > <img src="./src/imagens/LinhaVerde.jfif" height="100px" width="1000px" /> </div>
<div style= "top: 100px; left:0px; position: absolute;" > <img src="./src/imagens/LinhaBranca2.png" height="100px" width="1000px" /> </div>
<div style= "top: 200px; left:0px; position: absolute;" > <img src="./src/imagens/LinhaVermelha.jfif" height="100px" width="1000px" /> </div>
<div style= "top: 0px; left:900px; position: absolute;" > <img src="./src/imagens/Coliseu2.png" border="20px" height="1200px" width="1900px" /> </div>
<div style= "top: 40px; left:1580px; position: absolute;" > <img src="./src/imagens/LinhaVerde.jfif" height=" 1700px" width="25px" /> </div>
<div style= "top: 40px; left:1640px; position: absolute;" > <img src="./src/imagens/LinhaBranca2.png" height=" 1700px" width="25px" /> </div>
<div style= "top: 40px; left:1700px; position: absolute;" > <img src="./src/imagens/LinhaVermelha.jfif" height=" 1700px" width="25px" /> </div>
<div style= "top: 130px; left:320px; position: absolute;" >
<b> <span class="texto01"> H </span> </b>
<b> <span class="texto04"> i </span> </b>
<b> <span class="texto01"> t </span> </b>
<b> <span class="texto04"> ó </span> </b>
<b> <span class="texto01"> r </span> </b>
<b> <span class="texto04"> i </span> </b>
<b> <span class="texto01"> a </span> </b>
</div>
<div style= "top: 349px; left:70px; position: absolute;" >
<div id="divBusca">
<input type="text" id="txtBusca" placeholder="Pesquise aqui..."/>
<button id="btnBusca"> Pesquisar: </button>
</div> </div>
<div style= "top: 430px; left:70px; position: absolute;" > <b> <span class="texto05">
"A ocupação da região onde hoje se encontra a Itália </span> </b> </div>
<div style= "top: 460px; left:70px; position: absolute;" > <b> <span class="texto05">
data de ao menos três milênios antes da era atual, </span> </b> </div>
<div style= "top: 490px; left:70px; position: absolute;" > <b> <span class="texto05">
quando os primeiros povos chegaram às ilhas mediterrâneas </span> </b> </div>
<div style= "top: 520px; left:70px; position: absolute;" > <b> <span class="texto05">
que hoje pertencem ao país e foram gradualmente povoando as </span> </b> </div>
<div style= "top: 550px; left:70px; position: absolute;" > <b> <span class="texto05">
terras continentais. </span> </b> </div>
<div style= "top: 590px; left:70px; position: absolute;" > <b> <span class="texto05">
Diversas civilizações fizeram parte do território italiano, </span> </b> </div>
<div style= "top: 620px; left:70px; position: absolute;" > <b> <span class="texto05">
com destaque para os gregos e os etruscos. </span> </b> </div>
<div style= "top: 650px; left:70px; position: absolute;" > <b> <span class="texto05">
O comércio compunha a base da economia das áreas urbanas </span> </b> </div>
<div style= "top: 680px; left:70px; position: absolute;" > <b> <span class="texto05">
formadas no território que viria a ser a Itália, e assim </span> </b> </div>
<div style= "top: 710px; left:70px; position: absolute;" > <b> <span class="texto05">
permaneceu durante muitos séculos. Nesse ínterim, </span> </b> </div>
<div style= "top: 740px; left:70px; position: absolute;" > <b> <span class="texto05">
desenvolveu-se a civilização romana, que estabeleceu </span> </b> </div>
<div style= "top: 770px; left:70px; position: absolute;" > <b> <span class="texto05">
a cidade de Roma, ainda no século VIII a.C., e, </span> </b> </div>
<div style= "top: 800px; left:70px; position: absolute;" > <b> <span class="texto05">
pouco tempo mais tarde, tornou-se um dos maiores impérios </span> </b> </div>
<div style= "top: 830px; left:70px; position: absolute;" > <b> <span class="texto05">
da Antiguidade, conquistando áreas na Europa, África e Ásia. </span> </b> </div>
<div style= "top: 870px; left:70px; position: absolute;" > <b> <span class="texto05">
O Império Romano chegou ao fim no século V d.C., e muitos </span> </b> </div>
<div style= "top: 900px; left:70px; position: absolute;" > <b> <span class="texto05">
territórios que estavam sob o seu domínio se transformaram </span> </b> </div>
<div style= "top: 930px; left:70px; position: absolute;" > <b> <span class="texto05">
em reinos ou passaram para o domínio germânico. </span> </b> </div>
<div style= "top: 960px; left:70px; position: absolute;" > <b> <span class="texto05">
O período que vai do século XII ao século XVI é marcado pela </span> </b> </div>
<div style= "top: 990px; left:70px; position: absolute;" > <b> <span class="texto05">
formação de grandes cidades-Estado e pela consolidação </span> </b> </div>
<div style= "top: 1020px; left:70px; position: absolute;" > <b> <span class="texto05">
como principal atividade econômica desenvolvida pelos territórios </span> </b> </div>
<div style= "top: 1050px; left:70px; position: absolute;" > <b> <span class="texto05">
em que se sobressaíram cidades como Florença, Veneza e Milão."
<div style= "top: 130px; left:0px; position: absolute;" > <img src="./src/imagens/Linha.png" height=" 05px" width="760px" /> </div>
<div style= "top: 300px; left:30px; position: absolute;" > <img src="./src/imagens/HISTORIAIMAGEM1.jfif" border="10px" height="300px" width="300px" /> </div>
<div style= "top: 300px; left:480px; position: absolute;" > <img src="./src/imagens/HISTORIAIMAGEM2.jfif" border="10px" height="300px" width="300px" /> </div>
<div style= "top: 300px; left:930px; position: absolute;" > <img src="./src/imagens/HISTORIAIMAGEM4.jfif" border="10px" height="300px" width="300px" /> </div>
<div style= "top: 800px; left:0px; position: absolute;" > <img src="./src/imagens/Linha.png" height=" 05px" width="1460px" /> </div>
<div style= "top: 870px; left:1200px; position: absolute;" >
<a href="index.html"> <img src="./src/imagens/BotãoVoltar.png" height="100px" width="300px" /> </div>
</span>
</b>
</div>
</body>
</html>