-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (126 loc) · 9.17 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Módulo I Primeiros Passos com HTML</title>
<head>
<body>
<h1>História dos computadores</h1>
<hr>
<h2 id="Indece"><strong><u>Índice</strong></u></h2>
<ol>
<li><a href="#Historia">História dos computadores</a></li>
<li><a href="#Clientes">O que são <i>Clientes</i>?</a></li>
<li><a href="#Servidores">O que são <i>Servidores</i>?</a></li>
<li><a href="#Html">Como é uma estrutura básica de HTML?</a></li>
<li><a href="#Listas">Entendendo a diferença entre listas ordenadas e não ordenadas</a></li>
<li><a href="#Links">Links de referências </a></li>
</ol>
<!-- História -->
<h2 id="Historia">História dos computadores</h2><hr>
<img src="https://files.tecnoblog.net/wp-content/uploads/2011/02/785px-Eniac.jpg">
<p><strong><u>O primeiro dos primeiros na evolução dos computadores.</u></strong></p>
<p>O primeiro computador foi criado entre 1943 e 1946 e se chamava <strong><abbr
title="Electronic Numerical Integrator and Computer">ENIAC.</abbr></strong> Para o seu desenvolvimento,
foi investido cerca de 6 milhões de dólares e seu funcionamento dependia de uma série de fatores, como 200 mil watts de energia.,</p>
<p>
<blockquote><strong>Um fator de grande importância é a <mark>memória</mark>, algo que não tinha na época do
ENIAC.</strong></blockquote>
</p>
<p>Cerca de 10 anos depois, foi lançado o RAMAX 305,uma máquina de armazenamento em disco feito pela IBM. No
começo,
só empresas e certas instituições faziam uso de um computador e, com o passar do tempo, essa tecnologia seria
acessada
por todos. <del>Por volta de 1980</del>, a IBM liderava o ramo da computação com o desenvolvimento do sistema operacional
86-DOS
e a Microsoft começava a desenvolver suas ideias e ofereceu o seu próprio sistema operacional para a IBM. Ao
fechar o
acordo, Bill Gates comprou o 86-DOS 1.10 da IBM e o sistema operacional acabou sendo propriedade exclusiva da
Microsoft.</p>
<p><a href="https://tecnoblog.net/especiais/eniac-primeiro-computador-do-mundo-completa-65-anos/" target="_blank"
rel="externa">Curiosidades a mais...)</a></p>
<p><small><a href="#Indece">(Voltar ao inicio...)</a></small></p><br>
<!-- Cliente -->
<h2 id="Clientes">Cliente-Server</h2><hr>
<img src="https://gadget-info.com/img/difference-between/234/difference-between-client-server-2.jpg">
<p><strong><u>Conceito de cliente-Server</u></strong></p>
<p>A expressão de <mark>cliente-servidor</mark> é utilizada no âmbito da informática. Nesse contexto, chama-se cliente ao
dispositivo que exige determinados serviços a um servidor. A ideia de servidor, entretanto, refere-se ao
equipamento que presta serviços aos computadores conectados a ele através de uma rede.</p>
<p>
<blockquote><strong>O conceito de cliente-servidor, refere-se, portanto, a um modelo de comunicação que vincula vários dispositivos informáticos através de uma rede. O cliente, nesse contexto, faz solicitações de serviços ao servidor, responsável por atender a esses requisitos.</strong></blockquote>
</p>
<p>Com essa arquitetura, as tarefas são distribuídas entre os servidores <mark>(que fornecem os serviços)</mark> e os clientes <mark>(que exigem esses serviços)</mark>. Por outras palavras: o cliente solicita ao servidor um recurso, que fornece uma resposta.</p>
<p><a href="https://conceito.de/cliente-servidor" target="_blank" rel="externa">Curiosidades a mais...)</a></p>
<p><small><a href="#Indece">(Voltar ao inicio...)</a></small></p><br>
<!--Servidores-->
<h2 id="Servidores">Servidores</h2><hr>
<img src="https://www.researchgate.net/profile/Priscila-Saito/publication/236897615/figure/fig1/AS:669537817071623@1536641663340/Figura-1-RepresentacRepresentacRepresentacao-do-Modelo-de-Servidor-Web.png">
<p>Um servidor, em suma, é um computador com grande capacidade de armazenamento e processamento cujo <mark>objetivo é conectar outros computadores através de uma rede.</mark></p>
<p><em>Os servidores</em> processam e executam solicitações feitas por usuário através de softwares, bancos de dados, envio e recebimento de informações como e-mails, envio de formulários, hospedagem de websites e outros.</p>
<strong>
<blockquote>Um servidor funciona, grosso modo, como um grande computador, mas ao invés de executar operações em nível doméstico, ele o faz em grande escala, transferindo esses resultados para diferentes computadores.</blockquote>
</strong>
<p>Um servidor serve para centralizar grandes operações virtuais em um único <u>"computador"</u>, <mark>trazendo mais desempenho</mark> para a execução de determinadas tarefas.</p>
<p><a href="https://kenzie.com.br/blog/servidor/" target="_blank"
rel="externa">Curiosidades a mais...)</a></p>
<p><small><a href="#Indece">(Voltar ao inicio...)</a></small></p><br>
<!-- html -->
<h2 id="Html">Como é uma estrutura básica de HTML</h2><hr>
<img src="https://files.speakerdeck.com/presentations/71d5c040c1790131c12806a532522dbf/slide_7.jpg">
<p><strong><u>Estrutura básica</u></strong></p>
<p>
Iniciando o código básico de <abbr title="Linguagem de Marcação de HiperTexto"> < HTML > </HTML></abbr>
O documento HTML sempre inicia com o que chamamos de estrutura básica. Esta estrutura é quase que imutável. Sempre será dessa forma e você sempre, começará seu <abbr title="Linguagem de Marcação de HiperTexto">HTML</abbr> começando por esse código.
</p>
<p>
<blockquote>
Geralmente os editores como o VsCold já tem atalhos para iniciar os documentos HTMLs com essa estrutura, logo, você não precisa se preocupar em decorá-la.
É possível compreender o documento em <abbr title="Linguagem de Marcação de HiperTexto">HTML</abbr> de uma maneira muito simples, através de uma divisão de blocos das tags essenciais.
</blockquote>
</p>
<p>
<abbr title="Linguagem de Marcação de HiperTexto">HTML</abbr> tem uma estrutura básica para se desenvolver e sempre é inicializada do mesmo jeito.
Na primeira linha colocamos < DOCTYPE >, ele avisa ao navegador qual o tipo de documento que será carregado, depois vem com a tag
<abbr title="Linguagem de Marcação de HiperTexto">< HTML ></abbr>, do lado do html tem o atributo chamado lang que informa o idioma que será
utilizado na pagina e tudo que estiver entre as tags html/html é escrito em html, em seguida utilizamos a tag < head > que é o cabeçalho da
página, nele indicamos o título do documento com a tag < title >.
</p>
<p><a href="http://fabrica.ms.senac.br/2013/04/o-que-e-html/" target="_blank"
rel="externa">Curiosidades a mais...)</a></p>
<p><small><a href="#Indece">(Voltar ao inicio...)</a></small></p><br>
<!-- Listas -->
<h2 id="Listas">A diferença entre listas ordenadas e não ordenadas</h2> <hr>
<img src="https://disenowebakus.net/imagenes/articulos/listas-html-ul-ol-dl.jpg">
<p><strong><u>Listas ordenadas e não ordenadas</u></strong></p>
<p>As listas ordenadas, como o próprio nome já diz, os itens serão listados de forma ordenada, seja por número, letra, ou algarismos romanos.</p>
<blockquote>
<p>Uma lista ordenada começa com a tag <strong>< ol ></strong> e seus respectivos itens da lista ficam dentro da tag <strong>< li ></strong>.</p>
<p>Já as Listas desordenadas são iniciadas com a tag <strong>< ul ></strong> e são representadas por pequenos <mark>“bullets”</mark>,</p>
</blockquote>
<p>Já as Listas por definição são um pouco mais diferente, elas são representadas pela tag <strong>< dl ></strong>, seguido de <strong>< dt ></strong> e <strong>< dd ></strong></p>
<p><a href="https://www.devmedia.com.br/listas-em-html/23853" target="_blank"
rel="externa">Curiosidades a mais...)</a></p>
<p><small><a href="#Indece">(Voltar ao inicio...)</a></small></p><br>
<!-- Links de Referencias -->
<h2 id="Links"><strong><u>Links Referencias usados para estudo</strong></u></h2><hr>
<ul>
<li><a href="https://tecnoblog.net/especiais/eniac-primeiro-computador-do-mundo-completa-65-anos/" target="_blank"
rel="externa">História dos computadores</a></li>
<li><a href="https://conceito.de/cliente-servidor" target="_blank"
rel="externa">O que são <i>Clientes</i>?</a></li>
<li><a href="https://kenzie.com.br/blog/servidor/" target="_blank"
rel="externa">O que são <i>Servidores</i>?</a></li>
<li><a href="http://fabrica.ms.senac.br/2013/04/o-que-e-html/" target="_blank"
rel="externa">Como é uma estrutura básica de HTML?</a></li>
<li><a href="https://www.devmedia.com.br/listas-em-html/23853" target="_blank"
rel="externa">Entendendo a diferença entre listas ordenadas e não ordenadas</a></li>
<li><a href="https://web.dio.me/home" target="_blank"
rel="externa">DIO | Codifique o seu futuro global agora</a></li>
<li><a href="http://w3c.org" target="_blank"
rel="externa">W3c.org</a></li>
</ul>
</body>
</html>