-
Notifications
You must be signed in to change notification settings - Fork 0
/
08-imagens.html
74 lines (69 loc) · 4.95 KB
/
08-imagens.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
<!doctype html>
<!-- doctype informa ao agente de usuario a versão do html que deve ser renderizada-->
<html lang="pt-br">
<head>
<title> pagina de exemplo estrutura basica </title>
<meta charset="utf-8">
<meta name="author" content="Daniel">
<meta name="description" content="descrição bacanuda">
<meta name="keywords" content="html5, tecnologia">
<style>
body{
font-size: 22px;
font-family: sans-serif;
width: 700px;
margin: auto;
background-image: url(imagens/bg.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat: repeat;
background-position: right bottom;
}
p{
line-height: 1.5;
}
.img-html{
float: left;
}
.img-css{
float: right;
}
</style>
</head>
<body>
<h1>Incluir imagens</h1>
<p><a href="https://www.4devs.com.br/gerador_de_texto_lorem_ipsum">gerador de texto lorem ipsum</a></p>
<img src="imagens/html5.png" class="img-html" alt="Logotipo HTML5">
<p>
Lorem ipsum elementum hac et lectus neque massa ornare lobortis, at consequat eros facilisis augue etiam per tellus, quisque tincidunt justo metus aenean lorem aliquam ultrices.
vel ad magna sed elementum libero inceptos est accumsan, quisque magna elementum himenaeos pharetra faucibus sodales, a sapien ac curae phasellus arcu euismod.
etiam inceptos class vitae etiam bibendum iaculis egestas sit gravida ligula bibendum congue fusce molestie dui, turpis netus sociosqu nunc pellentesque quam eget nam tortor justo massa nullam rutrum.
pharetra dolor curabitur turpis gravida turpis nibh nisi feugiat orci, class eleifend id tristique etiam vitae adipiscing habitasse rhoncus, purus ac suscipit mauris tortor aliquam metus potenti.
</p>
<p>
Quis ad placerat lacinia lacus tincidunt sodales ipsum maecenas sollicitudin quisque in donec ultricies volutpat rhoncus, primis turpis tempor tincidunt ultrices massa quam per ad porttitor tempor nulla hac taciti.
ornare odio ornare nisi convallis donec et proin eu, curae vitae vehicula sem semper facilisis vel etiam elementum, eget class ante cursus dui faucibus habitasse.
posuere nullam luctus porta imperdiet cubilia curabitur id, ullamcorper vulputate ultricies elit fames cras semper, lacus donec malesuada sapien lacinia bibendum, dapibus iaculis blandit eleifend vel vehicula.
commodo aliquam at tincidunt a donec lorem donec adipiscing velit, feugiat sollicitudin sem donec dui justo purus aliquam, iaculis malesuada blandit rhoncus odio auctor condimentum mattis.
</p>
<img src="imagens/css3.png" class="img-css" alt="Logotipo CSS">
<p>
Dolor lobortis consequat faucibus habitant dictumst aenean volutpat etiam taciti fermentum, laoreet porttitor urna imperdiet gravida consectetur nullam fermentum vehicula magna, aliquam quam quis non pharetra praesent aliquam torquent urna.
class sed adipiscing aliquam fames et platea eros feugiat, torquent libero commodo diam himenaeos ultrices platea quisque, aliquet rhoncus ipsum eros libero lorem donec.
cubilia mauris amet consectetur ac sodales vel mattis curabitur pretium, nisl libero ut himenaeos feugiat egestas pretium mauris varius, ut turpis nulla dapibus luctus vestibulum lacinia nibh.
ante lobortis mattis curabitur aliquet dapibus turpis consequat vehicula, in congue posuere enim varius tristique mattis, varius facilisis dapibus varius proin faucibus quam.
</p>
<p>
Lobortis class felis diam morbi posuere, sodales arcu nisl blandit et semper, dolor torquent enim nibh.
tempus sagittis auctor porta pellentesque vivamus urna sit interdum malesuada leo, habitasse euismod eget etiam vestibulum pellentesque felis auctor nostra torquent magna, metus aenean fames fusce iaculis magna pretium leo elementum.
lacinia senectus fusce donec primis nec ad sagittis mauris eleifend consectetur eget, adipiscing egestas aptent malesuada neque fermentum elementum ligula ultricies inceptos, curabitur cras mattis diam auctor nostra lacus class sem quam.
viverra tempor vivamus elementum cras egestas amet netus curabitur porttitor tempus cras leo, hac aliquet scelerisque cras malesuada nec egestas sem facilisis quam arcu.
</p>
<p>
Placerat ac etiam tristique potenti lorem class interdum, nam pharetra orci potenti pulvinar diam, aliquam netus euismod porta vitae quam.
velit elementum dui ullamcorper varius phasellus duis sagittis, quis aenean potenti praesent est lectus ante, arcu tristique pulvinar nisl erat cubilia.
id pretium ante est at class eget, at etiam quis mattis viverra blandit nisi, nisl congue dictum vulputate placerat.
aliquam praesent fusce dui ipsum class habitasse mauris, lacus sem vestibulum aenean ipsum ligula, tempor etiam platea himenaeos suscipit primis.
</p>
</body>
</html>