Como começar a estudar HTML e CSS ✏️ Meu Tédio | Dicas, resenhas e tutoriais da Helen Fernanda | HTMHelen
bloco de notas → recomendo o Notepad++, mas você pode usar qualquer um, até o Notepad nativo do Windows;
navegadores → recomendo testar seus códigos pelo menos nas versões mais recentes dos três mais usados: Firefox 4, Chrome 12 e Internet Explorer 9 (ou 8, se você usa XP).
Tags usadas neste exemplo:
<html> abre o código HTML. Não é obrigatória. Se quer que seu código seja lido corretamente no Internet Explorer e no Opera, é melhor não se esquecer dela.
<head> abre o cabeçalho. Nele estão informações de segundo plano, que não apareceram explicitamente no corpo da página.
<title> é o texto que fica na barra de título.
<style> abre a folha de estilos, onde são definidos tamanhos, cores e fontes.
<body> abre o conteúdo, aquilo que de fato aparece no corpo da página.
<h1> é o cabeçalho mais importante do corpo da página e geralmente o maior.
<p> abre o parágrafo.
<br/> quebra de linha.
Lembrando que tudo que você abre <assim> você fecha </assim>. Já uma tag <assim/> foi aberta e fechada ao mesmo tempo porque não tem conteúdo.
2. Salve:
Selecione o tipo "Todos os arquivos" e salve na área de trabalho (desktop) com o nome index.html.
3. Abra no navegador:
Dê um clique duplo no ícone index, na área de trabalho, para ver a página no navegador:
I. Para abrir o mesmo arquivo em outros navegadores, copie o endereço que está na barra de endereço ou selecione a opção "Abrir com" clicando com o botão direito do mouse sobre o ícone:
II. Sugeri salvar na área de trabalho apenas para simplificar o exemplo. Escolha uma pasta mais segura em seu computador para organizar seus arquivos html.
III. Altere cores, tamanhos e fontes da página e veja os efeitos no navegador.
IV. Observe as sutis diferenças entre um navegador e outro e esforce-se para que elas sejam mínimas.
V. Siga o mesmo procedimento para experimentar outros códigos deste blog e dos seguintes sites:
Sibely Cambraia 29 de maio de 2011 15:15
É por essas e outras que o HTMHelen é um dos meus metablogs preferidos e o primeiro onde eu veio pesquisar quando estou fuçando no meu blog. Com certeza, aos pouquinhos, estou passando de alguém que sabe "um código ou outro para usar em seu blog, no orkut ou em sua assinatura de e-mail" para alguém que consegue "fazer uma página ou um site inteiro começando do zero, sem precisar de template pronto, um exímio designer de interfaces"
Quem sabe um dia eu realmente não consiga criar um site do zero! Obrigada Helen
Elo das Letras 7 de junho de 2011 12:40
Helen, como se coloca em um blog o Top Comentaristas? Você tem alguma dica de gadgate?
Silvia Cristina 24 de setembro de 2011 23:16
Você não tem ideia de como esse tutorial me ajuda...
- Tatii-vamp 11 de março de 2012 22:35
Amei Seu Blog,Se poder me ensianr HTML particurlamente agradeço!
Helen Fernanda 11 de março de 2012 22:51
► Remotamente só ensino publicamente aqui no blog mesmo, há vários tutoriais na categoria HTML e CSS.