O propósito da aula de hoje é dar início ao desenvolvimento de sites através da introdução ao básico do HTML.
HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web.
Basicamente, o que vamos fazer é utilizar marcações, chamadas de "tags" para definir como queremos que seja o nosso site.
O começo de tudo
O início de qualquer página que vamos criar, deve começar com algumas tags básicas, veja abaixo:
<!DOCTYPE html>
<html>
<head>
<title>
O título da página
</title>
</head>
<body>
O conteúdo da página
</body>
</html>
Este é conteúdo padrão de uma página vazia, ainda sem conteúdo, de onde, a partir dela iremos continuar nosso site e inserir conteúdo. Mas vamos analisar com calma as tags deste bloco padrão:
<!DOCTYPE html> Indica que estamos criando um documento do tipo html, página de web.
<html> Indica aonde começa nossa página no arquivo
<head> Indica aonde começa o cabeçalho de nosso arquivo, no cabeçalho estão algumas informações de identificação da página e outras características que serão faladas futuramente.
<title> Indica o início do título de nossa página.
</title> Indica o fim do título de nossa página.
</head> Indica o fim do cabeçalho da página.
<body> Indica o início do corpo de nossa página, no corpo é aonde colocaremos nosso conteúdo, textos, imagens, etc.
</body> Indica o fim do corpo de nossa página.
</html> Indica o fim de nosso documento.
Um pouco mais das tags
Como podemos perceber no exemplo acima, as tags sempre possuem o sinal de maior e menor delimitando seu nome, exemplo:
<body> <title> <a> <b> <img> etc
Quando a tag tem início e fim, a tag do fim possui uma barra depois do sinal de menor, exemplo:
</body> </title> </a> </b> etc
Atenção: se a tag não possuir início e fim, ela precisa de uma barra antes do sinal de maior, exemplo:
<br /> <img /> <hr /> etc
Ok? Então não se esqueçam de decorar a sequência básica do início de uma página:
Incio do documento + Inicio do cabeçalho + Título + Fim cabeçalho + Corpo + Fim do documento.
Façam uma colinha do exemplo citado aqui para ficar fácil.
Nenhum comentário:
Postar um comentário