website_only-html/index.html at main · brunohnsouza/website_only-html · GitHub

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
<!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>Desafio de Projeto | DIO</title>
</head>
<body>
    <header>
        <h1 id="inicio">Criando Uma Página Web Utilizando as Tags Aprendidas</h1>
        <hr>
    </header>

    <main>
        <h2>Índice</h2>
        <ul>
            <li><a href="#historia">História da Internet</a></li>
            <li><a href="#client_server">Clients e Servers</a></li>
            <li><a href="#html">HTML na prática</a></li>
        </ul>

        <br>

        <h2 id="historia">História da Internet</h2>
        <small><a href="#inicio">(voltar)</a></small>

        <p>
            Para iniciar, aprendi sobre os <u><b>Primeiros Computadores</b></u>. Esses computadores foram sendo criados com <u>objetivos</u>, <u>peças</u> e <u>funções</u> diferentes. Dentre a variedade existente e o período de sua criação, foi dividida em <strong>cinco gerações</strong>. Elas foram apresentadas da seguinte maneira:
        </p>
        <ul>
            <li><b>Primeira geração</b> (1944 - 1959) -> válvulas;</li>
            <li><b>Segunda geração</b> (1959 - 1964) -> transistores;</li>
            <li><b>Terceira geração</b> (1964 - 1971) -> Circuitos Integrados (C.I);</li>
            <li><b>Quarta geração</b> (1971 - hoje) -> aperfeiçoamento;</li>
            <li><b>Quinta geração</b> (hoje) -> I.A, Criptomoedas...;</li>
        </ul>

        <blockquote>
            <strong>CURIOSIDADE:</strong> o termo "<b>BUG</b>" surgiu pelo fato dos computadores e suas válvulas esquentarem muito, atraindos insetos (<u><i>bugs</i></u>) para perto.
        </blockquote>
        <p>
            Além dos Primerios Computadores, o <u><b>surgimento da Internet</b></u> foi explicada de maneira didática. Pude compreender até mesmo o <u>motivo de sua criação</u> -> <strong>conectar máquinas, pessoas e o mundo</strong> (não importa onde estejas).
        </p>
        <p>
            Para esse processo, <u><b>grandes nomes</b></u> foram apresentados. Eles(as) tiveram um papel fundamental no desenvolvimento de tecnologias (desde as <u>Linguagens de Programação</u>, como a <b>COBOL</b>, até a <b>WWW (World Wide Web)</b>). Um deles foi <mark><b>Robnett Licklider</b></mark>, que plantou a semente de uma <b><i>"rede onde todos se comunicariam"</i></b>, deixando um insight para a Internet surgir.
        </p>

        <br>

        <h2 id="client_server">Clients e Servers</h2>
        <small><a href="#inicio">(voltar)</a></small>

        <p>
            Nessas aulas, a aparesentação de tecnologias <b><i>Client-Side (Front-end)</i></b> e <b><i>Server-Side (Back-end)</i></b> foi mostrada. Elas (trabalhando em equipe) fazem total diferença através de softwares (programas) e os próprios navegadores (tecnologias em constante crescimento).
        </p>
        <p>
            Existem vários tipos de <b>navegadores (browsers)</b>. Mas o que unem todos são as <strong>normas</strong>, ou seja, para criar um site, por exemplo, será necessário segui-las para ter o resultado esperado (seja no Front ou no Back).
        </p>

        <br>

        <h2 id="html">HTML na prática</h2>
        <small><a href="#inicio">(voltar)</a></small>

        <p>
            Nessas aulas, o HTML (que não é uma Linguagem de Programção) foi demonstradas através das tags (comandos).
        </p>
        <p>
            Por ser interpretada por padrão nas Páginas Web, o HTML (Hypertext Markup Language) é formado pelas tags, que são espécies de comandos que dão a estrutura de sites. Existem muitas delas, como por exemplo:

            <ol>
                <li>"<b>a</b>" -> links</li>
                <li>"<b>b</b>" -> negrito</li>
                <li>"<b>mark</b>" -> grifar</li>
            </ol>
        </p>

        <br>

        <h2 id="referencia">Links de referẽncias</h2>
        <small><a href="#inicio">(voltar)</a></small>

        <ul>
            <li><a href="https://www.ime.usp.br/~macmulti/historico/histcomp1_12.html#:~:text=Os%20computadores%20de%20primeira%20gera%C3%A7%C3%A3o,de%20liga%C3%A7%C3%A3o%20por%20circuitos%20impressos." target="_blank">Projeto MAC Multimídia</a></li>
            <li><a href="http://dio.me" target="_blank">DIO.me</a></li>
        </ul>


    </main>
</body>
</html>