formadores.html/index.html at main · profedvaldo/formadores.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
<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="UTF-8"/>

        <link rel="stylesheet" href="stlye.css" />


        <title>A Gênese do HTML</title>
    </head>
    <body>
<header>
    <div id="topo">HTML</div>
    <div id="menu">
        <a href="#texto">Texto</a> -
        <a href="#listas">Listas</a>
    </div>
</header>
<h1 class="destaques">A Gênese do HTML.: Uma Jornada pela Linha do Tempo da Web
</h1>

<img src="tim-berners-lee-700x466.jpg" alt="aqui uma foto de tim-benners lee, criador do html" />

<section id = "texto">

    <div id="texto1">
        <p>O HTML, ou Linguagem de Marcação de Hipertexto, foi concebido pela primeira vez por Tim Berners-Lee em 1991, enquanto ele estava no CERN, o laboratório de física de partículas na Suíça. O HTML nasceu da necessidade de criar um sistema unificado de publicação de documentos interconectados, acessíveis globalmente, para facilitar a troca de informações entre os pesquisadores. Berners-Lee vislumbrava uma internet onde documentos, imagens e outros recursos poderiam ser acessados e interligados por meio de links, independentemente de sua localização física, criando assim uma "teia" mundial de informações.
        </p>
    </div>

    <div  id="texto2">
        <p>O HTML evoluiu significativamente desde sua concepção. As primeiras versões apenas permitiam a formatação básica de texto e a criação de links. Com o tempo, foram introduzidas melhorias e novas funcionalidades, como a incorporação de imagens, sons, vídeos e interatividade, por meio de formulários e scripts, enriquecendo a experiência do usuário na web. O desenvolvimento contínuo do HTML, juntamente com avanços em tecnologias correlatas como CSS e JavaScript, permitiu a criação de páginas web cada vez mais dinâmicas e ricas em conteúdo, moldando a internet que conhecemos hoje.
        </p>
    </div>

<p class="destaques">este é um terceiro parágrafo</p>
</section>
<section id = "listas">
    <h2>Lista com OL</h2>
    <ol>
        <li>É usado em qualquer página web</li>
        <li>Criado por Tim Benners Lee</li>
        <li>É de fácil uso, pois não necessita compilação </li>
    </ol>
    <h2>Lista sem OL (UL)</h2>
    <ul>
        <li>É causa de muitas brigas (muita gente diz não ser linguagem de programação</li>
        <li>Existe desde 1991</li>
    </ul>
</section>
</body>
</html>