Introdução ao HTML ~ Help do Desenvolvedor

Criando Páginas na Web

Umas das grandes vantagens da Internet é ser muito acessível. Qualquer pessoal com um computador possui as ferramentas básicas necessárias para criar a sua própria página na web.

A linguagem HTML é marcada por tags que serão identificadas pelo navegador, escritas entre os sinais "<" e ">". Dentro dessas tags você encontra comandos para formatação da fonte dos textos <font face="arial">, parágrafos <p>, imagens <img src="imagem.gif">, entre outros.

Como começar a criar a página de internet

Vamos criar a nossa primeira pagina.
Para facilitar o aprendizado foi criado uma aula sobre esse assunto. Você pode escolher seguir o tutorial escrito ou em formato vídeo aula.

Que visualizar o curso completo acesse o seguinte link: Clique aqui ou https://www.youtube.com/watch?v=YI1uk98O2TA&list=PLZ2Dn-oHDuIPc1d0CPMaWpPaO_TNnOndU
Primeira etapa:

Criar um aquivo de texto "txt". Clicar com botão direito do mouse, selecionar "criar novo documento", escolher arquivo de texto. Conforme a figura:

Salvar o arquivo em formato de página de internet, vamos salvar a nossa página com o nome de "primeirapagina.html", conforme a figura:

Agora vamos criar o conteúdo da nossa página, primeiro abrir a nossa pagina para editar: Primeiro clicar com botão direito no arquivo "html" que foi criado com botão direito do mouse, escolher a opção "Abrir com", depois escolher a opção "abrir com bloco de texto", conforme a figura:

Aberta nossa pagina vamos digitar o código:

Estrutura Básica

Comandos básicos do documento HTML, incluindo as tags de Título e de formatação do Corpo da página.

Como o navegador precisa dessas tags para interpretar o código, antes de qualquer coisa, temos que criar o documento com uma tag dupla de inicialização: <html> </html>.

Entre essas duas tags, vai todo o conteúdo da página. Esse conteúdo vai ser dividido em duas partes: o cabeçalho, que será colocado entre as tags <head> </head> e o corpo da página, que será colocado entre as tags <body> </body>. A tag de título da página, <title> Título da Página </title> vai dentro do cabeçalho.

Assim, no Bloco de Notas, a estrutura básica de um documento HTML será:

<html>

<head><title> Título da Página </title> </head>

<body>

Aqui vai o conteúdo da página!

</body>

</html>

Vamos ver o resultado: Primeiro clicar com botão direito no arquivo "html" que foi criado com botão direito do mouse, escolher a opção "Abrir com", depois escolher algum navegar "Internet Explorer", "Firefox" ou outro navegador: conforme a figura:

Resultado:

As tags <body></body>, que definem a estrutura do corpo da página, podem receber atributos especiais de formatação que definem, por exemplo, a cor de fundo da página. Esses atributos são colocados dentro da tag: <body bgcolor="yellow"> conteúdo </body>.

Os atributos das tags <body> </body> são:

bgcolor="cor" : define a cor de fundo da página, que pode ser expressa em inglês ou através de um código específico, onde, por exemplo, o branco é definido por #ffffff e o preto por #000000.

background="imagem" : define uma imagem como fundo da página. Essa imagem pode ser uma arquivo .gif ou .jpg. Você pode preparar uma imagem para sua página no PaintShop.

text="cor" : define a cor do texto utilizado na página. Assim como o fundo, pode ser expresso em inglês ou através de um código.

link="cor", alink="cor" e vlink="cor" : definem as cores dos link inativos, links ativos e links visitados, respectivamente.

Vídeo aula sobre esse assunto.