GleicianeKelly/Trybe.html Secret

## Trybe.html
<!DOCTYPE html>
<html>
<head>
    <title>Título da página</title>
    <meta charset="utf-8">
    <style>
        /*Importação do arquivo .CSS nesse elemento*/
    </style>
</head>
<body>
<header><!--Elemento de bloco para criação do cabeçalho-->
    <h2>Minha Página</h2>
    <nav><!--Tag de bloco para criação de menu usando uma lista-->
        <ul><!--Lista de forma não ordenada-->
            <li>Home</li> <!--Conteúdo da lista-->
            <li>Menu</li>
        </ul>
    </nav><!--aqui finaliza o menu-->
</header>
<main><!--Tag que determina o conteúdo principal da página-->
    <section><!--Elemento de bloco para criação de uma seção-->
        <article> <!--Tag que indica o início de um artigo-->
            <h3>Titulo do artigo</h3> <!--Tag que define o tamanho do título, vai de h1 a h6-->
            <img src="trybe/logo_trybe.png" alt="Foto com a logo marca da escola Trybe">
            <p>Conteudo do artigo</p> <!--Tag que indica um parágrafo no texto.-->
            <ol><!--Lista de forma ordenada-->
                <li>item 1</li> <!--Conteúdo da lista-->
                <li>item 2</li>
                <li>item 3</li>
            </ol>
        </article><!-- aqui finaliza o primeiro artigo da seção-->
        <article><!--O início de mais um artigo-->
            <h3>Titulo do segundo artigo</h3>
            <p>Conteudo do segundo artigo</p>
        </article><!--aqui finaliza o segundo artigo da seção-->
</section><!--Encerramento da primeira seção do documento-->
</main><!--finalização do conteúdo principal da página-->

<aside><!--Tag que cria uma seção com conteúdo separado mas relacionado com o contexto principal-->
    <h4>Conteúdos relacionados com o contexto principal</h4>
    <ul>
        <li>Página oficial da <a href=https://www.betrybe.com>Trybe</a></li>
        <li>item da lista</li>
        <li>item da lista</li>
    </ul>
</aside>

<footer><!--Tag que indica o rodapé da página-->
    <div><!--criando uma divisão para o rodapé-->
        <p>Inscreva-se para receber noticias e novidades sobre a Trybe</p>
        <form method="post"> <!--Bloco para tags de formulário-->
            <input type="text" name="nome" placeholder="Digite seu Nome"><!--Tag para recebimento de dados-->
            <input type="email" name="email" placeholder="Digite seu Email">
            <input type="submit" name="enviar" value="Enviar">
        </form>
    </div><!--Fim da divisão-->
    <div><!--Mais um início de uma divisão-->
        <h3>Minha primeira página html</h3>
        <span>Todos os direitos reservados</span> <!--Elemento em linha, usado para marcar uma parte de um texto ou uma parte de um documento-->
    </div><!--Fim da segunda divisão-->
</footer><!--Fechamento do cabeçalho-->

<script>
    //Tag onde importamos o arquivo Javascript da página
</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Título da página</title>
	<meta charset="utf-8">
	<style>
	/Importação do arquivo .CSS nesse elemento/
	</style>
	</head>
	<body>
	<header><!--Elemento de bloco para criação do cabeçalho-->
	<h2>Minha Página</h2>
	<nav><!--Tag de bloco para criação de menu usando uma lista-->
	<ul><!--Lista de forma não ordenada-->
	<li>Home</li> <!--Conteúdo da lista-->
	<li>Menu</li>
	</ul>
	</nav><!--aqui finaliza o menu-->
	</header>
	<main><!--Tag que determina o conteúdo principal da página-->
	<section><!--Elemento de bloco para criação de uma seção-->
	<article> <!--Tag que indica o início de um artigo-->
	<h3>Titulo do artigo</h3> <!--Tag que define o tamanho do título, vai de h1 a h6-->
	<img src="trybe/logo_trybe.png" alt="Foto com a logo marca da escola Trybe">
	<p>Conteudo do artigo</p> <!--Tag que indica um parágrafo no texto.-->
	<ol><!--Lista de forma ordenada-->
	<li>item 1</li> <!--Conteúdo da lista-->
	<li>item 2</li>
	<li>item 3</li>
	</ol>
	</article><!-- aqui finaliza o primeiro artigo da seção-->
	<article><!--O início de mais um artigo-->
	<h3>Titulo do segundo artigo</h3>
	<p>Conteudo do segundo artigo</p>
	</article><!--aqui finaliza o segundo artigo da seção-->
	</section><!--Encerramento da primeira seção do documento-->
	</main><!--finalização do conteúdo principal da página-->

	<aside><!--Tag que cria uma seção com conteúdo separado mas relacionado com o contexto principal-->
	<h4>Conteúdos relacionados com o contexto principal</h4>
	<ul>
	<li>Página oficial da <a href=https://www.betrybe.com>Trybe</a></li>
	<li>item da lista</li>
	<li>item da lista</li>
	</ul>
	</aside>

	<footer><!--Tag que indica o rodapé da página-->
	<div><!--criando uma divisão para o rodapé-->
	<p>Inscreva-se para receber noticias e novidades sobre a Trybe</p>
	<form method="post"> <!--Bloco para tags de formulário-->
	<input type="text" name="nome" placeholder="Digite seu Nome"><!--Tag para recebimento de dados-->
	<input type="email" name="email" placeholder="Digite seu Email">
	<input type="submit" name="enviar" value="Enviar">
	</form>
	</div><!--Fim da divisão-->
	<div><!--Mais um início de uma divisão-->
	<h3>Minha primeira página html</h3>
	<span>Todos os direitos reservados</span> <!--Elemento em linha, usado para marcar uma parte de um texto ou uma parte de um documento-->
	</div><!--Fim da segunda divisão-->
	</footer><!--Fechamento do cabeçalho-->

	<script>
	//Tag onde importamos o arquivo Javascript da página
	</script>

	</body>
	</html>