Tutoriais: HTML #1 – Introdução

Tutoriais: HTML #1 – Introdução

HTML Tutorial Introducao

Bom meus camaradinhas, como eu havia prometido, aqui vai uma introdução para o tutorial de HTML

HTML?

Primeiramente, HTML é um acrónimo para Linguagem de Marcação de Hipertexto (HyperText Markup Language no original). Esta linguagem utiliza tags, ou marcadores para codificar um conteudo.

Pense em um arquivo de texto do bloco de notas, ele não tem formatação nenhuma, não aceita imagens nem nada disso, entretanto, você pode escrever no bloco de notas um trabalho e anotar "Colocar imagem do gráfico aqui", depois imprimir o seu trabalho e colar nele uma figura de uma revista, ou seja, você escreve em um arquivo de texto puro um código que você entende e que o fará colocar uma imagem no seu trabalho.

Com o HTML funcionará da mesma forma, você escreve em um arquivo de texto puro, que não aceita formataço nenhuma, códigos para que ele exiba cores, negrito, tabelas, vídeos, etc, e quem irá interpretar isso sera o Navegador.

Como diversão, faça um teste, utilizando o bloco de notas, abra um arquivo qualquer como um documento do word ou um MP3 e veja como o arquivo é na verdade, veja o que o programa tem que interpretar para dar o resultado que você esta acostumado.

Fazendo um HTML

Para acompanhar este tutorial, você vai precisar de um editor de texto como o Notepad(Vim ou Emacs no caso do linux) (não um processador de textos como o Word) e um navegador como o Firefox ou o Opera. Se você optou pelo Firefox, instale tambem o Add-on Firebug que é uma mão na roda (depois eu explico como utilizar 😀 )

Renderizando no weRgeeks

Se você acessar o post através do blog (não do RSS), temos o nossa ferramenta de conversão HTML (que infelizmente não funciona no RSS) para voce praticar.

Basta apenas modificar o HTML no campo abaixo e clicar em “Renderizar” que o seu código será convertido em texto renderizado.

Para ver a lista com todos os capitulos do tutorial, acesse a Página do Tutorial HTML

Como eu atualizei os códigos atualmente, talvez vocês precisem recarregar a pagina para atualizar tudo 😀

Sobre o autor