Criando sites: O COMEÇO
Autor: Paulo Cesar | Publicado: 2011-05-09T14:10:00-07:00

Você poder usar a divulgação via web de diversas formas, para os mais variados fins. Pode ser um site pessoal, um porfólio, um site comercial ou mesmo um weblog. A cada dia, mais e mais pessoas passam a ter acesso à internet, de modo que a rede passou a ser um importante meio de comunicação.
E não são necessário profundos conhecimentos nem grandes investimentos para começar a criar seu próprio site. Um site, em última análise, é um conjunto de documentos ligados entre si e disponibilizados segundo uma identidade visual&nbsp; e estrutura.
Para criar documentos simples, você pode usar até mesmo um editor de texto como o bloco de notas do windows. Basta conhecer um pouco de HTML (HyperText Markup Language). Veja a seguir a sintaxe básica dessa linguagem.
---------------------------------------------------------------------------------------------------------------
HTML BÁSICO
HTML (HiperText Markup Language) é uma das linguagens de programação mais utilizadas atualmente para a criação de sites e outras aplicações que utilizam os recursos da web para divulgar produtos e serviços de maneira rápida e eficiente. Destaca-se entre as demais liguagens existentes no mercado pela sua ampla facilidade de manipular a estruturar páginas web, definindo e separando por meio de marcações (chamadas tags) elementos como&nbsp; texto, título, imagem, tabela, lista e outros. Além disso, foi o primeiro código que que surgiu para a programação de paginas web e aplicações para internet. Apesar de sua aparência sofisticada, as paginas produzidas em HTML não passam de documentos de texto simples, que podem ser produzidos usando somente um editor, como o bloco de notas do windows. Então, que tal começar a testar alguns recursos e aprender a manipular os comandos dessa dessa linguagem, para produzir suas propias páginas e trabalhos na internet?Um documento HTNL é todo estruturado em setores, delimitados por elementos que chamamos de tas. As tags vêm, quase sempre, aos pares, havendo uma tag para indicar o início de setor e outra para indicar o final dele. As tags são indicadas entre os sinais de "&lt;" e "&lt;", sendo que, coloca-se uma barra para a direita antes do nome da tag. O exemplo a seguir mostra as tags principais de um documento HTML:&lt;html&gt; - início do documento HTML.&lt;head&gt; - Início do cabeçalho.&lt;title&gt; - Início do título da página.&lt;/title&gt; - Fim do tírulo da página.&lt;head&gt; - Fim do cabeçalho.&lt;body&gt; - Início do corpo do documento.&lt;/body&gt; - Fim do corpo do documento.&lt;/html&gt; - Fim do documento HTML.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Abre-se o documento com a tag &lt;html&gt;. logo em seguida abre-se o &lt;head&gt;, setor no Qual podem ser colocados dados sobre a página, que será colocado entre as tags &lt;title&gt; e &lt;/title&gt;, tudo dentro do setor &lt;head&gt; &lt;/head&gt;. O título aparece na barra - título do brwser do internauta. Entre &lt;body&gt; e &lt;/body&gt; fica o conteúdo propriamente dito da página. Finalmente, fecha-se o documento com a tag de finalização &lt;/html&gt;.Muitas tags podem ter atributos, que fornecem valores adicionais para a formatação. Veja a tag &lt;body&gt;, por exemplo:&lt;body bgcolor="#FFFFFF"&gt;No caso, o atributo bgcolor="#FFFFFF" define a cor de fundo da página como branco (cujo código em notação hexadecimal é #FFFFFF).---------------------------------------------------------------------------------------------------------------TAGS PRINCIPAIS
A seguir, uma lista com os principais comandos HTML, que podem ser usados para formatar seu texto:Formatação:&lt;br&gt; Quebra de linha (não precisa ser finalizado).&lt;p&gt; Parágrafo. &lt;b&gt; Negrito&lt;u&gt; Sublinhado.&lt;i&gt; Itálico.&lt;em&gt; Para enfatizar uma parte do texto.&lt;font&gt; Determina o tipo, cor e tamanho da fonte Ex: &lt;font face="times"size="4"&gt;&lt;h1&gt; Padrão para títulos. Pode ir de &lt;h1&gt; a &lt;h5&gt;.&lt;hr&gt; Marca uma linha horizontal para dividir partes da página.&lt;div&gt; Tag de divisão lógica. pode conter o atributo align. &lt;p&gt; e &lt;em&gt;, dentro de &lt;div&gt;.&lt;basefont&gt; Usado no &lt;head&gt; para determinar a fonte - padrão da página.&lt;plaintext&gt; Serve para que a página mantenha a formatação do código, respeitando as quebras de linhas. O código que estiver dentro dessa tag não será renderizado.&nbsp;&lt;pre&gt; O mesmo que o anterior, com a diferença de que o código continua sendo entendido pelo navegador.&nbsp;
Amanha veremos os códigos para tabelas. &nbsp;