Notes

HTML - Básico

Luiz Henrique Informática Portuguese 3 pages

Content of the notes (3)

Page 1

Introdução

A requisição e o acesso a webpages é feita por meio de um protocolo chamado HTTP (Hypertext Transfer Protocol, ou Protocolo de transferência de hipertexto).

As webpages utilizam de HTML (Hypertext Markup Language) para fazer a formatação dos dados.

HTML não é uma linguagem de programação, mas sim de formatação.

Para melhorar a aparência das webpages é possível usar código CSS (Cascading Style Sheet) que pode ser escrito em um arquivo em separado ou dentro do próprio HTML.

Page 2

Elementos

Os elementos do HTML dividem-se em duas grandes categorias, os que são mostrados e os que não são.

Entre os mostrados, temos as informações textuais, com diversas variações de renderização; as informações não-textuais, como imagens estáticas (gif, jpg, png, etc) ou animadas (animated gif, flash, shockwave), áudio (midi, wav) e vídeo (wmv, rm, mov, etc), e; informações interativas que são mais complexas, atreladas à interface. Nesse ponto, temos textos interativos, ilustrações interativas, botões, hyperlinks e formulários.

Como elementos não mostrados temos os comentários, meta dados(DTD), informações de diagramação e estilo (CSS) e scripts (JavaScript)

Page 3

Começando sua página

Para criar suas próprias páginas não é necessário um vasto arsenal de ferramentas, apenas um editor de texto e um navegador já são suficientes. Para um iniciante é até melhor que não sejam usados recursos muito complexos, eles podem fazer com que muitos detalhes triviais, mas importantes, passem despercebidos. Para o nosso curso, usaremos um editor de texto simples de sua preferência (como o kwrite, o gedit ou o Mousepad). Recursos como o syntax highlighting (ou destaque de sintaxe) são realmente úteis durante a criação da sua página ao mesmo tempo que não "fazem o trabalho" por você, então é prudente que você deixe-o ligado. Qualquer navegador que tenha interface gráfica serve para o nosso curso, fique a vontade para escolher o de sua preferência.

Começaremos com algo bem simples, abra o editor de texto e insira o seguinte:

<html>

<head>

<title>Título da página</title>

</head>

<body>

Essa é a minha primeira página. <b>Esse texto está em

negrito.</b>

</body>

</html>

Cabeçalhos, parágrafos e quebras de linha:

<html>

<head>

<title>Exemplos de texto com cabeçalho, parágrafos e quebras

de linha</title>

</head>

<body>

<h1>Esse é um cabeçalho muito grande</h1>

<h2>Esse é um cabeçalho um pouco menor, mas bem grande ainda</h2>

<h3>Esse é um cabeçalho nem tão grande assim</h3>

<h4>Esse é um cabeçalho médio</h4>

<h5>Esse é um cabeçalho pequeno</h5>

<h6>Esse é um cabeçalho muito pequeno</h6>

<hr />

<p>Agora faremos um parágrafo. A tag '<hr />' no código serve para inserir uma linha horizontal, você pode vê-la acima.</p>

<p>Note que ao criarmos outro, temos uma linha branca adicionada entre eles</p>

Agora o texto está sendo escrito diretamente no corpo do documento, sem nenhuma formatação. <br />

Use a tag vazia '<br />' para quebrar linhas (saltar linhas) senão o seu texto vai ficar bem estranho.