Se uma invenção mudou completamente o mundo durante nossa vida, é a Internet. Cada vez mais pessoas querem uma presença na web além da oferecida por redes sociais: querem um espaço na web para chamar de seu. Grandes sites estão se tornando cada vez mais complexos e usam jargões que intimidam iniciantes como Flash, CSS, perl e JavaScript, mas não tema. Quatro letras simples podem permitir que qualquer pessoa ganhe presença na web rapidamente: HTML. As letras significam hypertext markup language (linguagem de marcação de hipertexto), uma linguagem de programação que usa uma série de tags para criar uma página web estática. Quanto mais tags você conhece, mais pode fazer com uma página web estática.
Crie o esqueleto básico de uma página web estática copiando o seguinte código em um editor de texto simples, como o Bloco de Notas:
<html> <head> </head> <body> </body> </html>
Salve o arquivo como index.html (o nome padrão da página principal) e abra no seu navegador. Você não verá nada porque criou uma página web em branco.
Todas essas tags têm significado. A tag <html> diz ao navegador que uma página web está chegando. <head> é onde todo tipo de informação pode ir para mecanismos de busca. <body> significa que a parte que as pessoas verão está prestes a começar.
Pense no HTML como dois tipos principais de tags (pedaços de código entre colchetes). Uma diz ao navegador para começar a fazer algo, e outra diz para parar.
Torne este texto em negrito
Tudo após — a tag de abertura — será negrito até alcançar — a tag de fechamento. A "/" diz ao navegador para parar.
Adicione texto à sua página web. Digite "Esta é minha página web" no corpo da página web, entre <body> e </body>. Salve a página e veja no navegador. O resultado é legal mas não muito empolgante. Tente algumas outras tags para animar. 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ê digite);
Tente usar várias dessas tags no mesmo bloco de texto. Você pode fazer qualquer combinação que quiser.
Você também pode adicionar espaço entre elementos na sua página colocando o seguinte entre eles:
para quebra de parágrafo;
para quebra de linha;
Adicione imagens à sua página. Faça isso usando a tag , e substitua o endereço web naquele exemplo pela localização da imagem que você quer usar. Esta é uma das poucas tags que não tem tag de fechamento. Imagens também podem ser centralizadas, como texto.
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 .
Usando esses códigos HTML juntos, você pode criar páginas web estáticas de qualquer complexidade que quiser.
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
Tecnologia Eletrônica © [www.351231.com]
