•  
     

Estrutura básica do HTML

Define que você está usando HTML:

Código: Selecionar todos

<!DOCTYPE html> 

Código: Selecionar todos

<html> [...] </html>


Define o cabeçalho da sua página:

Código: Selecionar todos

<head> [...] </head>


E o título que irá aparecer na aba:

Código: Selecionar todos

<title> [...] </title>


Então você escolhe um cabeçalho para o parágrafo:

Código: Selecionar todos

<h1>[...]</h1> ou <h2>[...]</h2> ou ainda <h6>[...]</h6>


E define o seu parágrafo:

Código: Selecionar todos

<p>[...]</p>


Você pode criar links:

Código: Selecionar todos

<a href="www.novotopico.com>Esse link levará ao site NovoTopico.com</a>


Utilizar imagens:

Código: Selecionar todos

<img src="http://www.novotopico.com/styles/prosilver/theme/images/site_logo.gif">


Além disso pode atribuir links para imagens:

Código: Selecionar todos

<a href="www.novotopico.com"><img src="http://usabilitygeek.com/wp-content/uploads/2012/04/HTML-Guidelines-for-Usability-SEO.jpg"></a>


Confira um exemplo de estutura HTML:

http://jsfiddle.net/h16ne8ab/1/

Código: Selecionar todos


<!DOCTYPE html>
<html>
    <head>
        <title>Minha primeira página HTML</title>
    </head>
<body>
    <h1> Porque aprender HTML?</h1>
    <img src="http://usabilitygeek.com/wp-content/uploads/2012/04/HTML-Guidelines-for-Usability-SEO.jpg">
        <p> HTML é a linguangem global para criação de sites</p>
        <p> Com HTML você consegui manipular os textos para criar sua própria página Web</p>
        <p> Desenvolvedores de sites usam HTML para montar o esqueleto do seu site</p>
        <p><a href="http://www.codecademy.com/"> No site CodeCademy você pode aprender a programar em HTML</a></p>
        <p><a href="www.google.com"> Você também pode tentar aprender sozinho</a></p>
</body>
</html>