Se uma invenção mudou completamente o mundo em nossa vida, foi a Internet. Mais e mais pessoas querem uma presença na Web além daquela oferecida pelas redes sociais:elas querem um espaço Web para chamar de seu. Os principais sites estão se tornando cada vez mais complexos e usam jargões intimidadores para iniciantes, como Flash, CSS, perl e JavaScript, mas não tenha medo. Quatro letras simples podem permitir que qualquer pessoa ganhe uma presença na Web em pouco tempo:HTML. As letras significam linguagem de marcação de hipertexto, uma linguagem de programação que usa uma série de tags para criar uma página da Web estática. Quanto mais tags você souber, mais poderá fazer com uma página da Web estática.
Etapa 1
Crie o esqueleto básico de uma página da Web estática copiando o código a seguir em um editor de texto simples, como o Bloco de Notas:
Em seguida, salve o arquivo como index.html (o nome padrão da página principal) e abra-o em seu navegador. Você não deve ver nada porque criou uma página da Web em branco.
Todas essas tags têm um significado. o
A tag informa ao navegador que uma página da Web está surgindo. é onde todos os tipos de informação podem ir para os motores de busca. significa que a parte que as pessoas verão está prestes a começar.
Etapa 2
Pense no HTML como dois tipos principais de tags (bits de código entre colchetes). Um diz ao navegador para começar a fazer algo e outro diz para ele parar.
Deixe este texto em negrito Tudo depois de
-- a tag de abertura -- ficará em negrito até chegar a -- a tag de fechamento. O "/" diz ao navegador para parar.
Etapa 3
Adicione texto à sua página da Web. Digite "Esta é minha página da Web" no corpo da página da Web, entre
e . Salve a página e dê uma olhada no navegador. O resultado é bom, mas não muito emocionante. Tente algumas outras tags para apimentar. Por exemplo,
torna o texto em negrito;
torna o texto em itálico;
permite alterar o tamanho da fonte, de 1 (menor) a 6 (maior);
torna o texto vermelho (ou qualquer outra cor que você digitar); centraliza o texto (ou uma imagem) na página.
Tente usar várias dessas tags no mesmo bloco de texto. Você pode fazer a combinação que quiser.
Você também pode adicionar espaço entre os elementos da sua página colocando o seguinte entre eles:
para uma quebra de parágrafo;
para uma quebra de linha; para criar uma quebra com uma linha na página da Web.
Etapa 4
Adicione imagens à sua página. Faça isso usando a tag
e substitua o endereço da Web nesse exemplo pelo local da imagem que deseja usar. Esta é uma das poucas tags que não possui uma tag final. As imagens também podem ser centralizadas, assim como o texto.
Etapa 5
Crie um link para outro site. Isso é feito com a tag Clique aqui. Esse código torna as palavras "Clique aqui" o link para outro site. Em vez de texto, você pode usar uma imagem como link usando o código
.
Dica
Usando esses códigos HTML juntos, você pode criar páginas da Web estáticas de qualquer complexidade que desejar.
Pense nas tags HTML como caixas dentro de caixas, ou aquelas bonecas russas. Isso é chamado de aninhamento e mantém tudo organizado e fácil de ler. Por exemplo, texto colocado entre
estará em negrito, itálico e centralizado. o
