-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (123 loc) · 4.1 KB
/
index.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/icone.png" />
<link rel="shortcut icon" href="i">
<title>todo meu amor</title>
<style>
/* Estilo CSS para o botão */
button {
width: 200px; /* largura */
height: 50px; /* altura */
font-size: 16px; /* tamanho da fonte */
}
</style>
<!-- CHAMANDO O JAVA SCRIPT EXterno
OBS: ao chamar esse script ele nao chama Todos os scripts do script.js,
vc temq usar ele uma vez para cada botao ou qualquer coisa q vc quiser chamar -->
<script src="script.js"></script>
</head>
<body>
©️ vitor rivas
<!-- Linha -->
<hr>
<h1> Todo meu amor pelo nicolas </h1>
<h2> oi nicolinhas :> </h2>
<img src="img/beterraba.jpg" alt="erro (beterraaaaaba)" alt="erro (beterraaaaaba)" height="200" width="1600" />
<img src="" alt="" sizes="" srcset="">
<h3> mwuaaaaaa </h3>
<h4> beijao niconico </h4>
<h5> Tem h5 tambeeeem </h5>
<h6> Tem H6 Meu Deus</h6>
<!-- Linha -->
<hr>
<!-- PARAGRAFOS ABAIXO -->
<p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque, aspernatur quibusdam? Incidunt mollitia quas, placeat blanditiis velit veritatis. Distinctio omnis mollitia inventore odit voluptatum molestias minima atque reiciendis pariatur explicabo? </p>
<!-- Botão HTML -->
<button onclick="alert('Você clicou no botão!')">Clique Aqui</button>
<h1> ㅤ</h1>
<img src="img/guindaste.jpg" alt="erro (imagem de )" title="Guindasteão" width="300" />
<img src="" alt="" sizes="" srcset="">
<!-- Linha -->
<hr>
<!-- MANIPULANDO OS TEXTOS COM MOLDE DO FIELDSET ABAIXO -->
<fieldset>
<legend> Informações </legend>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. In nam, nostrum magni numquam, aspernatur nihil ipsa fugit ullam beatae harum, explicabo vitae debitis voluptatem quibusdam modi rem animi corporis totam! </p>
</fieldset>
<!-- PRE DEFICINICAO DE TEXTO -->
<pre>
Aula1, Aula2, aula3
</pre>
<pre>
Aula1
Aula2
Aula3
</pre>
<!-- Linha -->
<hr>
<!-- LISTA ORDENADAS-->
<ol>
<li> Conteudo da Aula 1 </li>
<li> Conteudo da Aula 2 </li>
<li> Conteudo da Aula 3 </li>
</ol>
<ol type="I">
<li> Conteudo da Aula 1 </li>
<li> Conteudo da Aula 2 </li>
<li> Conteudo da Aula 3 </li>
<li> Conteudo da Aula 4 </li>
</ol>
<ol type="a">
<li> Conteudo da Aula 1 </li>
<li> Conteudo da Aula 2 </li>
<li> Conteudo da Aula 3 </li>
<li> Conteudo da Aula 4 </li>
</ol>
<!-- LISTAS NAO ORDENADAS -->
<ul>
<li> Conteudo Aula 5 </li>
<li> Conteudo Aula 6 </li>
<li> Conteudo Aula 7 </li>
</ul>
<ul type="square">
<li> Conteudo Aula 5 </li>
<li> Conteudo Aula 6 </li>
<li> Conteudo Aula 7 </li>
</ul>
<ul type="circle">
<li> Conteudo Aula 5 </li>
<li> Conteudo Aula 6 </li>
<li> Conteudo Aula 7 </li>
</ul>
<hr>
<!-- LISTA DE DEFNINIÇÂO -->
<dl>
<dt> Pergunta 1 </dt>
<dd> A Resposta 1 </dd>
<dt> Pergunta 2 </dt>
<dd> A Resposta 2 </dd>
<dt> Pergunta 3 </dt>
<dd> A Resposta 3 </dd>
</dl>
<hr>
<!-- FORMULARIOS -->
<h2> Dados Alunos </h2>
<form action="Dados.html" method="get">
<input type="text" placeholder="Digite seu nome">
<input type="password" placeholder="Digite sua senha">
<input type="submit" value="Enviar">
<input type="color" placeholder="Cores RGB">
<input type="range" placeholder="Digite sua senha">
</form>
<!-- CHAMANDO O JAVASCRIPT POR EVENTO -->
<button onclick="alert('Ola Mundo')">Eae Galerinha</button>
<!-- CHAMANDO O JAVA SCRIPT NO BODY
<script>
alert('Ola Mundo 2')
</script>
-->
</body>
</html>