Como fazer uma página da web estática

...

A Internet: é o lugar para estar.

Se uma invenção mudou completamente o mundo em nossa vida, é a Internet. Mais e mais pessoas querem uma presença na Web além daquela oferecida pelas redes sociais: elas querem um espaço na Web para chamar de seu. Os principais sites estão se tornando cada vez mais complexos e usam jargões que intimidam os novatos, como Flash, CSS, perl e JavaScript, mas não tema. Quatro letras simples podem permitir que qualquer pessoa ganhe uma presença na Web em nenhum momento: 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.

Passo 1

Crie o esqueleto básico de uma página da Web estática copiando o seguinte código em um editor de texto simples, como o Bloco de notas:

Vídeo do dia

Em seguida, salve o arquivo como index.html (o nome da página principal padrão) e abra-o no navegador. Você não verá nada porque criou uma página da Web em branco.

Todas essas tags têm um significado. A tag informa ao navegador que uma página da Web está sendo exibida. é onde todos os tipos de informações podem ir para os mecanismos de pesquisa. significa que a parte que as pessoas verão está prestes a começar.

Passo 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 parar.

Deixe este texto em negrito

Tudo depois - a tag de abertura - ficará em negrito até atingir - a marca 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 empolgante. Experimente algumas outras tags para apimentá-lo. Por exemplo, deixa o texto em negrito; deixa 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ê inserir);

centraliza o texto (ou uma imagem) na página.

Tente usar várias dessas tags no mesmo bloco de texto. Você pode fazer qualquer combinação que desejar.

Você também pode adicionar espaço entre os elementos em 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.

Passo 4

Adicione imagens à sua página. Faça isso usando a tag e substitua o endereço da Web naquele 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 .

Gorjeta

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

e
estará em negrito, itálico e centralizado. o
a caixa está dentro do caixa, que está dentro da caixa.