HTML - Website sobre a Linguagem de Marcação HTML

Código HTML - Website sobre a Linguagem de Marcação HTML desenvolvido por meio do VS CODE
brenonun3s · Jun 8, 2024 · 5b00c98 · 5b00c98
1 parent 162fba3
commit 5b00c98
Showing 1 changed file with 53 additions and 0 deletions.
diff --git a/Código HTML - Website sobre a Linguagem de Marcação HTML b/Código HTML - Website sobre a Linguagem de Marcação HTML
@@ -0,0 +1,53 @@
+<html>
+    <head>
+        <title>HTML na Prática</title>
+        <body>
+            <H1 id="inicio">Introdução ao HTML na prática </H1>
+
+            <img width="150" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQEc9A_S6BPxCDRp5WjMFEfXrpCu1ya2OO-Lw&s/>"
+            <hr />
+            <H2><u>Sumário</u></H2>
+            <ol>
+                <li><a href="#como"><strong>Como a internet surgiu?</a></strong></li>
+                <li><a href="#funciona"><strong>Como funciona o HTML?</a></strong></li>
+                <li><a href="#tags"><strong>O que são Tags?</a></strong></li>
+                <li><a href="#saiba"<><strong>Saiba mais<a/></strong></li>
+            </ol>
+
+                <hr>
+
+
+            <h1 id="como"><u>Como a internet surgiu?</u></h1>
+            <small><a href="#inicio">(Voltar)</a></small>
+                <p>A internet surgiu a partir de um projeto de pesquisa financiado pelo Departamento de Defesa dos Estados Unidos na década de 1960. Inicialmente conhecida como ARPANET (Advanced Research Projects Agency Network), a rede foi criada para facilitar a comunicação entre pesquisadores e o compartilhamento de informações entre instituições acadêmicas e militares. O primeiro link da ARPANET foi estabelecido em 1969 entre a Universidade da Califórnia em Los Angeles (UCLA) e o Instituto de Pesquisa de Stanford (SRI). Nos anos seguintes, a rede expandiu-se gradualmente, incorporando protocolos como o TCP/IP, desenvolvidos na década de 1970, que se tornaram a base da comunicação na internet. Na década de 1980, a ARPANET começou a se conectar com outras redes, e na década de 1990, a World Wide Web foi criada por Tim Berners-Lee, revolucionando a forma como a informação era acessada e compartilhada, transformando a internet em uma ferramenta global indispensável.</p>
+
+                <hr />
+            <h1 id="funciona"><u>Como funciona o HTML?</u></h1>
+            <small><a href="#inicio">(Voltar)</a></small>
+                <p>HTML (HyperText Markup Language) é a linguagem de marcação usada para criar páginas web que organiza conteúdo como texto, imagens e vídeos através de elementos definidos por tags. Tags HTML são escritas entre <strong>(< >)</strong>. A estrutura básica de um documento HTML inclui html, head, e body. O head contém metadados e o body contém o conteúdo visível. Além disso, o HTML permite integração com CSS para estilização e JavaScript para interatividade, formando a base da web.</p>
+
+                <hr />
+            <h1 id="tags"><u>O que são Tags?</u></h1>
+            <small><a href="#inicio">(Voltar)</a></small>
+            <p>Tags em HTML são elementos fundamentais para estruturar e formatar conteúdo em uma página web. Escritas entre sinais de menor e maior, as tags indicam ao navegador como exibir o conteúdo. Existem tags de abertura e fechamento, como p para parágrafos, e algumas são auto-contidas, como img. Tags podem ter atributos, como src em img src="imagem.jpg", que especifica a fonte da imagem.</p>
+            <p>Elas definem a hierarquia do conteúdo, com algumas para estrutura (como div), outras para texto (como h1 a h6 para cabeçalhos) e outras para mídia (como audio). A combinação dessas tags permite criar páginas web ricas, integrando CSS para estilo e JavaScript para funcionalidades.</p>
+
+            <h2><u>Exemplos de Tags</u></h2>
+            <small><a href="#inicio">(Voltar)</a></small>
+            <ul>
+                <li>html: Define o início e o fim de um documento HTML</li>
+                <li>head: Contém metadados e links para recursos externos</li>
+                <li>title: Define o título da página, exibido na aba do navegador</li>
+                </ul>
+
+                <hr />
+            <h1 id="saiba"><u>Saiba mais sobre HTML</u></h1>
+            <p>Para saber mais sobre o HTML, acesse o link abaixo:</p>
+            <a href="https://www.w3schools.com/" target="_blank">Saiba Mais</a>
+            </ol>
+
+        </body>
+
+    </head>
+
+</html>