Início » Tutoriais » Tutorial HTML

Elementos HTML de bloco e linha

Elementos HTML podem ser agrupados com <div> e <span>.

Elementos HTML de Bloco

A maioria dos elementos HTML são definidas como nível de bloco ou como elementos incorporando elementos.

Elementos nível de bloco normalmente tem tag de abertura e tag de fechamento, com uma nova linha quando exibido em um navegador.

Exemplos: <h1>, <p>, <ul>, <table>


Elementos HTML de linha

Inline elementos normalmente são exibidos sem iniciar uma nova linha.

Exemplos: <b>, <td>, <a>, <img>


O Elemento HTML <div>

O elemento HTML <div> é um elemento nível de bloco que pode ser usado como um recipiente para agrupar outros elementos HTML.

O elemento <div> não tem nenhum significado especial. Só que, porque é um elemento nível de bloco, o navegador irá mostrar uma quebra de linha antes e depois dele.

Quando usado em conjunto com o EAP, o elemento <div> pode ser utilizado para definir os atributos de estilo para grandes blocos de conteúdo.

Outro uso comum do elemento <div>, é para o layout do documento. Ele substitui o "caminho velho" da definição de layout usando tabelas. Não é correto usar <table> para o layout do documento. A finalidade do elemento <table> é exibir dados tabulares.


O Elemento HTML <span>

O elemento HTML <span> é um elemento interno que pode ser utilizado como um recipiente para o texto.

O elemento <span> não tem nenhum significado especial.

Quando usado em conjunto com o EAP, o elemento <span> pode ser utilizado para definir os atributos de estilo para as partes do texto.


Grupos de tags HTML

Tag Descrição
<div> Define uma seção no documento (em bloco)
<span> Define uma seção no documento (em linha)

 

Em caso de dúvida, você pode tirar nos comentários.

Categoria: Tutorial HTML | Adicionado por : ShZlot (14-07-2014)
Visualizações: 2000 | Comentários: 1 | Ranking: 0.0/0
Total de comentários: 1
avatar
0
1 ramyasreebathala • 02:06:47, 01-04-2017
It is a greatarticle. You will surely like this also because it is a great stuff, yeah it’s
give us lots of interest and pleasure. Their opportunities are so fantastic and
working style so speedy. Thank you for sharing the nice article.   https://apps2apk.in/download-mingle2-online-dating-chat-app
omForm">
avatar