<b>texto</b>

CONTEÚDO

ABERTURA DA TAG HTML

FECHAMENTO DA TAG HTML

PROPRIEDADES DA TAG HTML

<a href="./arquivo.html">texto</a>

CONTEÚDO

ABERTURA DA TAG HTML

FECHAMENTO DA TAG HTML

PROPRIEDADES DA TAG HTML

<b id="palavra1" class="forte">texto</b>

CONTEÚDO

ABERTURA DA TAG HTML

FECHAMENTO DA TAG HTML

PROPRIEDADES DA TAG HTML

ESTA TAG B POSSUI:

CONTEÚDO

PROPRIEDADES

"texto"

id
class 

"palavra1"
"forte"

<b id="palavra1" class="forte">texto</b>

CONTEÚDO

ABERTURA DA TAG HTML

FECHAMENTO DA TAG HTML

PROPRIEDADES DA TAG HTML

ESTA TAG B POSSUI:

CONTEÚDO

PROPRIEDADES

"texto"

id
class 

"palavra1"
"forte"

<a href="doc.html">
   <p>Este parágrafo possui um


      em negrito
   </p>
</a>

ESTA TAG B POSSUI:

CONTEÚDO

PROPRIEDADES

"texto"

id
class 

"palavra1"
"forte"

<a href="doc.html">
   <p>Este parágrafo possui um


      em negrito
   </p>
</a>
<b id="palavra1" class="forte">texto</b>

TAGS PODEM SER COLOCADAS DENTRO DE OUTRAS TAGS

A ESTRUTURA DESTE ANINHAMENTO É CHAMADA DE

DOCUMENT OBJECT MODEL
(DOM)

<a href="doc.html">
   <p>Este parágrafo possui um


      em negrito
   </p>
</a>
<b id="palavra1" class="forte">texto</b>

TAGS PODEM SER COLOCADAS DENTRO DE OUTRAS TAGS

A ESTRUTURA DESTE ANINHAMENTO É CHAMADA DE

DOCUMENT OBJECT MODEL
(DOM)

<p>
	Primeiro parágrafo
</p>

<div>
	Segundo parágrafo
</div>

TAGS PARALELAS NO DOM

<a href="doc.html">
   <p>Este parágrafo possui um


      em negrito
   </p>
</a>
<b id="palavra1" class="forte">texto</b>

TAGS PODEM SER COLOCADAS DENTRO DE OUTRAS TAGS

A ESTRUTURA DESTE ANINHAMENTO É CHAMADA DE

DOCUMENT OBJECT MODEL
(DOM)

<p>
	Primeiro parágrafo
</p>

<div>
	Segundo parágrafo
</div>

TAGS PARALELAS NO DOM

<p>
    Primeiro parágrafo
    <div>
	  Segundo parágrafo
    </div>
</p>

TAGS ANINHADAS NO DOM

<p>
	Primeiro parágrafo
</p>

<div>
	Segundo parágrafo
</div>

TAGS PARALELAS NO DOM

<p>
    Primeiro parágrafo
    <div>
	  Segundo parágrafo
    </div>
</p>

TAGS ANINHADAS NO DOM

<p>
    Primeiro parágrafo
    <div>
</p>
	  Segundo parágrafo
    </div>

ERRO ESTRUTURAL/SINTÁTICO

<p>
	Primeiro parágrafo
</p>

<div>
	Segundo parágrafo
</div>

TAGS PARALELAS NO DOM

<p>
    Primeiro parágrafo
    <div>
	  Segundo parágrafo
    </div>
</p>

TAGS ANINHADAS NO DOM

<p>
    Primeiro parágrafo
    <div>
</p>
	  Segundo parágrafo
    </div>

ERRO ESTRUTURAL/SINTÁTICO

A TAG P POSSUI:

CONTEÚDO
"Primeiro parágrafo"
Uma tag DIV sem fechamento

<p>
    Primeiro parágrafo
    <div>
</p>
	  Segundo parágrafo
    </div>

ERRO ESTRUTURAL/SINTÁTICO

A TAG P POSSUI:

CONTEÚDO
"Primeiro parágrafo"
Uma tag DIV sem fechamento

A TAG DIV POSSUI:

CONTEÚDO
"Segundo parágrafo"
O fechamento de uma tag P que nunca foi aberta

<p>
    Primeiro parágrafo
    <div>
</p>
	  Segundo parágrafo
    </div>

A TAG P POSSUI:

CONTEÚDO
"Primeiro parágrafo"
Uma tag DIV sem fechamento

A TAG DIV POSSUI:

CONTEÚDO
"Segundo parágrafo"
O fechamento de uma tag P que nunca foi aberta

<a href="doc.html" class="link">
 <p>Este parágrafo possui um
   <b class="forte">texto</b>
   em negrito
 </p>
</a>
<div id="bloco2">
 Segundo parágrafo
</div>

UM TRECHO DE CÓDIGO HTML, COMO ELE NORMALMENTE FICA

TODAS AS TAGS FECHAM DENTRO DE SEUS ELEMENTOS-PAI, E TODAS AS PROPRIEDADES DECLARADAS DENTRO DA ABERTURA DAS TAGS.

<p>
    Primeiro parágrafo
    <div>
</p>
	  Segundo parágrafo
    </div>

A TAG DIV POSSUI:

CONTEÚDO
"Segundo parágrafo"
O fechamento de uma tag P que nunca foi aberta

UM TRECHO DE CÓDIGO HTML, COMO ELE NORMALMENTE FICA

<a href="doc.html" class="link">
 <p>Este parágrafo possui um
   <b class="forte">texto</b>
   em negrito
 </p>
</a>
<div id="bloco2">
 Segundo parágrafo
</div>

TODAS AS TAGS FECHAM DENTRO DE SEUS ELEMENTOS-PAI, E TODAS AS PROPRIEDADES DECLARADAS DENTRO DA ABERTURA DAS TAGS.

Sintaxe HTML

By Guilherme Ranoya

Sintaxe HTML

Estrutura sintática do HTML

  • 962