F�rum PrimeiraPaginaHTML #591653

05/03/2018

<!doctype html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
 
        <title>DevMedia - Cursos de Front End Web</title>
    </head>
    <body>

    	<header>
     
        <h1>Cursos</h1>
 
        <h2>Front End Web</h2>
     
 
    <p>Confira nesta p�gina os cursos mais recentes sobre Front End Web.</p>
 
    <nav>
        <ul>
            <li><a href="https://www.devmedia.com.br/cursos/java"
               title="Home">Home</a></li>
            <li><a href="https://www.devmedia.com.br/cursos/java"
               title="Cursos de Java">Cursos de Java</a></li>
            <li><a href="https://www.devmedia.com.br/cursos/net"
               title="Cursos de .Net">Cursos de .Net</a></li>
            <li><a href="https://www.devmedia.com.br/cursos/delphi"
               title="Cursos de Delphi">Cursos de Delphi</a></li>
            <li><a href="https://www.devmedia.com.br/cursos/php"
               title="Cursos de PHP">Cursos de PHP</a></li>
        </ul>
    </nav>
</header>

<main>
    <section>
        <h2>Primeiros passos</h2>
 
        <p>Os cursos de primeiros passos apresentam os 
             conceitos iniciais dentro de uma tecnologia.</p>
 
        <article>
            <h3>
                <a href="https://www.devmedia.com.br/cursos/frontendweb/o-que-e-html"
                   title="O que � HTML?">O que � HTML?</a>
            </h3>
 
            <figure>
                <img src="imagens/1.jpg" alt="O que � HTML?">
 
                <figcaption>
                    Figura 1 - <strong>O que � HTML?</strong>
                </figcaption>
            </figure>
 
            <p>Neste curso conheceremos a HTML.</p>
        </article>
 
        <article>
            <h3>
                <a href="https://www.devmedia.com.br/cursos
                     /frontendweb/primeira-pagina-em-html" 
                    title="Primeira p�gina em HTML">Primeira p�gina em HTML</a>
            </h3>
 
            <figure>
                <img src="imagens/2.jpg" alt="Primeira p�gina em HTML">
 
                <figcaption>
                    Figura 2 - <strong>Primeira p�gina em HTML</strong>
                </figcaption>
            </figure>
 
            <p>Neste curso criaremos uma p�gina utilizando a linguagem HTML.</p>
        </article>
    </section>
 
    <section>
        <h2>Avan�ando no HTML</h2>
 
        <p>Os cursos avan�ando apresentam temas mais 
           espec�ficos dentro de uma tecnologia.</p>
 
        <article>
            <h3>
                <a href="https://www.devmedia.com.br/cursos/frontendweb
                  /conhecendo-as-tags-semanticas-do-html" 
                title="Conhecendo as tags sem�nticas do HTML">
                 Conhecendo as tags sem�nticas do HTML</a>
            </h3>
 
            <figure>
                <img src="imagens/3.jpg" alt="Conhecendo as tags sem�nticas do HTML">
 
                <figcaption>
                    Figura 3 - <strong>Conhecendo as tags sem�nticas 
                     do HTML</strong>
                </figcaption>
            </figure>
 
            <p>Neste curso apresentaremos as tags sem�nticas 
               introduzidas no HTML5.</p>
        </article>
 
        <article>
            <h3>
                <a href="https://www.devmedia.com.br/cursos
                  /frontendweb/introducao-a-acessibilidade-com-html5" 
                 title="Introdu��o a acessibilidade com HTML5">
                  Introdu��o a acessibilidade com HTML5</a>
            </h3>
 
            <figure>
                <img src="imagens/4.jpg" alt="Introdu��o a acessibilidade 
                    com HTML5">
 
                <figcaption>
                    Figura 4 - <strong>Introdu��o a acessibilidade 
                      com HTML5</strong>
                </figcaption>
            </figure>
 
            <p>Neste curso conheceremos os atributos introduzidos 
               no HTML5 para acessibilidade na web.</p>
        </article>
    </section>
</main>


<footer>
    <nav>
        <ul>
            <li><a href="https://www.devmedia.com.br/devcasts"
              title="DevCasts">DevCasts</a></li>
            <li><a href="https://www.devmedia.com.br/artigos"
              title="Artigos">Artigos</a></li>
        </ul>
    </nav>
 
    <p>� www.devmedia.com.br</p>
</footer>

    </body>
</html>

Paulo Ramos

Curtir t�pico

+ 0

Responder

Post mais votado

09/03/2018

Bem legal. :)
Eu s� acrescentaria o uso da

<meta name="viewport" content="width=device-width, initial-scale=1">

e t� fechado.

Higor Rocha

Responder

Gostei + 1

Mais Posts

13/03/2018

Rodrigo Duclerc

Ol� Paulo, sobre o problema com o carregamento de imagens, acredito que possa estar relacionado ao caminho para o arquivo. Este tipo de problema � comum quando a gente inicia no HTML pois precisamos de um entendimento s�lido sobre Paths. O novo curso de HTML fala sobre paths na aula sobre links e retomamos este assunto na aula sobre inclus�o de imagens. Sugiro que assista pelo menos estas duas aulas para entender melhor:

Links (paths absolutos e relativos):
https://www.devmedia.com.br/view/viewaula.php?idcomp=39542

Imagens:
https://www.devmedia.com.br/view/viewaula.php?idcomp=39543

Responder

Gostei + 1