Aprendendo a Linguagem HTML - Elementos Básicos Elementos Básicos Aprendendo a Linguagem HTML

Um documento HTML (HyperText Markup Language) é um arquivo de texto comum que contém elementos HTML usados para mostrar texto, multimídia e hiperlinks. A versão atual da definição é 3.2, que engloba as definições anteriores e acrescenta algumas técnicas/tecnologias mais recentes.

Um elemento (ou comando) HTML consiste em uma paravra-chave escrita entre as marcas "<" e ">" podendo ter atributos que modifiquem o estado padrão. Os elementos podem ser de dois tipos: Os elementos que delimitam a ação para um determinado objeto (parte do texto, imagem etc) e os elementos de indicam ação global - não delimitam a ação em nenhum objeto em particular

Elementos mínimos:

<html>
<head>
<title>Título do Documento </title>
</head>
<body>
Aqui entra o corpo do documento.
</body>
</html>

O elemento HEAD indica o começo do cabeçalho que descreve todos os elementos que deverão ser aplicados para todas as seções do documento ou de outros documentos que estejam relacionados com este.

O elemento TITLE (deve estar no cabeçalho) só é mostrado na barra de título da janela associada. Não aparece no texto.

O elemento BODY delimita o conteúdo do documento.

Nota:
O texto em HTML não possui formatações usuais. Todo espaço em branco é convertido em apenas um espaço. Quebras de linhas e tabulações são ignoradas. Para formatar o texto use os elementos do HTML.

Headers - Sub Títulos

Os sub-títulos são formatações especiais para serem usados como títulos para as seções subsequentes. São ao todo 6 formatações começando com o maior tamanho para (1).

Sub-Título no tamanho 1

Sub-Título no tamanho 2

Sub-Título no tamanho 3

Sub-Título no tamanho 4

Sub-Título no tamanho 5

Sub-Título no tamanho 6

<h1>Sub-Título no tamanho 1</h1>
<h2>Sub-Título no tamanho 2</h2>
<h3>Sub-Título no tamanho 3</h3>
<h4>Sub-Título no tamanho 4</h4>
<h5>Sub-Título no tamanho 5</h5>
<h6>Sub-Título no tamanho 6</h6>

Quebra de linha

Este elemento quebra a linha para a próxima mantendo o espaçamento:

Neste ponto ->
teremos uma quebra de linha.

Neste ponto -><br>teremos uma quebra de linha.

Parágrafo

Este elemento separa os parágrafos mudando a separação entre eles:

Neste ponto ->

teremos uma quebra de parágrafo.

<p>Neste ponto -><p>teremos uma quebra de parágrafo.

Dica

Procure não colocar figuras que não esteje sob domínio na sua página, pois tem algumas pessoas colocando figuras que estejam fisicamente em outros diretórios, quando o dono do diretório, remover as mesmas sua página ficará prejudicada, então copie a figura para seu diretório.