Início » Tutoriais » Tutorial HTML |
Elementos HTMLUm elemento HTML é tudo, desde a marca de início para a marca final:
Sintaxe dos elementos HTML
Dica: Você vai aprender sobre os atributos no próximo capítulo deste tutorial. Aninhamento de elementos HTMLA maioria dos elementos HTML podem ser aninhados (pode conter outros elementos HTML). Documentos HTML consistem em elementos HTML aninhadas. Exemplo de um documento HTML<!DOCTYPE html> <html> <body> <p>Este é o meu primeiro parágrafo.</p> </body> </html> O exemplo acima contém três elementos HTML. Explicação do exemplo HTMLO elemento <p>: <p>Este é o meu primeiro parágrafo.</p> O elemento <p> define um parágrafo no documento HTML. O elemento tem uma tag início <p> e uma tag final </p>. O conteúdo do elemento é: "Este é o meu primeiro parágrafo". O elemento <body>: <body> <p>Este é o meu primeiro parágrafo.</p> </body> O elemento <body> define o corpo do documento HTML. O elemento tem uma tag <body> início e uma tag final </body>. O conteúdo elemento é outro elemento HTML (elemento a p). O elemento <html>: <!DOCTYPE html> <html> <body> <p>Este é o meu primeiro parágrafo.</p> </body> </html> O elemento <html> define todo o documento HTML. O elemento tem uma marca de início <html> e uma tag final </ html>. O conteúdo do elemento é outro elemento HTML (o elemento do <body>). Não se esqueça da tag de fechamentoAlguns elementos HTML pode exibir corretamente, mesmo se você esquecer a tag final: <p>Isto é um parágrafo. <p>Isto é um outro parágrafo. O exemplo acima funciona na maioria dos navegadores, pois a tag de fechamento é considerado opcional. Nunca confie nisso. Muitos elementos HTML irá produzir resultados e/ou erros inesperados se você esquecer a tag final. Elementos HTML vazioElementos HTML sem conteúdo são chamados de elementos vazios. <br> é um elemento vazio sem uma marca de fechamento (o <br> tag define uma quebra de linha). Dica: Em XHTML, todos os elementos devem ser fechados. Adicionando uma barra dentro da marca de início, como <br />, é a maneira correta de fechar os elementos vazios em XHTML (e XML). Dica HTML: Use as marcações minúsculasTags HTML não são sensíveis a letras em tipografia de caixa baixa (minúscula) e caixa alta (maiúscula): <P> significa o mesmo que <p>. Muitos sites usam tags HTML caixa alta. Agente Webmaster usar tags caixa baixa porque o World Wide Web Consortium (W3C) recomenda minúsculas em HTML 4, e exige tags minúsculas em XHTML. Em caso de dúvida, você pode tirar nos comentários. | |||||||||||||
Visualizações: 1501 | |
Total de comentários: 0 | |