Nesta postagem, você conhecerá a função de cada etiqueta da estrutura básica do código-fonte, da página Web.
<html> É o comando inicial do seu documento.
</html> É o comando final do documento.
<head> É a etiqueta que abre o cabeçalho da sua página, acompanhada de seu par </head>, que é a etiqueta de cabeçalho (fechada com a /), que indica o final do cabeçalho.
<title>...</title> São as etiquetas responsáveis pelo título que aparece no seu Navegador. O Nome do título da sua página será digitado entre elas. <html> É o comando inicial do seu documento.
</html> É o comando final do documento.
<head> É a etiqueta que abre o cabeçalho da sua página, acompanhada de seu par </head>, que é a etiqueta de cabeçalho (fechada com a /), que indica o final do cabeçalho.
<body> É a etiqueta que abre o “corpo” do seu documento, ou seja, aquilo que você vê, como por exemplo: textos, imagens, banners, tabelas, etc.
</body> É a etiqueta que fecha o “corpo” do seu documento.
Nota se que cada etiqueta tem, a sua etiqueta Inicial (ou etiqueta de abertura); e a etiqueta final (ou etiqueta de fechamento), com uma barra.
Mas, tem etiqueta que não necessita dessa etiqueta final.
Veremos isso mais adiante.
Vamos ver na prática?
Construindo uma página
Vamos começar preenchendo a etiqueta <title> e a etiqueta <body>.
<html>
<head>
<title>
Meu primeiro site Web!
</title>
</head>
<body>
Como o seu espiríto é consciente, não pode centrar-se em duas coisas ao mesmo tempo.
A primeira etapa para se libertar é procurar soluções.
Em cada problema que escreveu, interrogue-se:
“O que posso mudar para estar melhor?”
</body>
</html>
Agora salve seu documento seguindo os seguintes passos:
Você também pode gostar de:
Como utilizar a etiqueta <body> - Dezegner
Como utilizar a etiqueta <h> - Dezegner
Como utilizar a etiqueta <p> - Dezegner
No menu do Bloco de Notas, clique em Arquivo;
Clique em Salvar como...
Preencha as opções conforme a imagem abaixo.
E escolha uma pasta de destino, ou crie uma.
O nome do arquivo terá necessarimente a extensão “.html”.
Agora abra a sua página dando um duplo clique.
A imagem que você verá no seu navegador será a seguinte:
Observações:
O título aparecerá no canto superior esquerdo;
Na área branca que é o corpo do site, aparece o texto que foi digitado dentro das etiquetas <body> e </body>.
Você perceberá a expressão “Trabalhando Off-line”.
Isso indica que você pode experimentar sua página à vontade.
Por enquanto é só.
Na próxima postagem, você aprenderá:
Espero que tenham gostado dessa postagem!
Deixem um comentário, uma dica para que eu possa melhorar ainda mais o conteúdo desse blogue.
E não esqueça de se inscrever nesse blogue.
Até a próxima!