Vou começar introduzindo o assunto sobre HTML (HyperText Markup Language), que é uma linguagem de marcação de hipertexto (termo traduzido) usada por qualquer um que vá criar um site na internet.
Filosofando um pouco sobre a definição do termo HTML: usamos o termo "hiper" quando queremos nos referir a algo em bastante quantidade, em alto grau, além - por exemplo alguém hiperativo seria alguém que realiza com excessividade uma determinada atividade, ou seja, uma atividade sendo realizada além do normal. Agora usando minha fértil imaginação vamos desvendar o HT de HTML: a palavra "HiperTexto" seria um texto com alguma coisa que faça esse texto ser diferente de um texto normal, é um texto que possui a capacidade de fazer algo além do que um texto normal faria, basicamente é isso. Já o M e o L em HTML não tem segredo, é M para Marcação e L para Linguagem.
Então com HTML escrevemos uma linguagem que faz a marcação de textos com alguma funcionalidade especial, os textos escritos em HTML (hipertextos) estarão sempre acompanhados de uma capacidade de realizar alguma coisa, seja pular de linha em um texto, definir um título para a página, tornar um texto "clicável" para ser redirecionado para outra página, etc. Tudo que acessamos na internet através do navegador, por trás do que vemos existe uma linguagem marcando textos com funcionalidades capazes de proporcionar algo especial para a gente, HTML é isso. E a partir de agora vamos aprender essa linguagem.
Imagine como é organizada a sua estrutura corporal, se você for um humano lendo isto e não um robot irá perceber que possui cabeça, pescoço, braços, peito, barriga, cintura, pernas, etc. O que eu quero que imagine agora é uma divisão da sua estrutura em 2 partes: considere do pescoço para cima como uma parte e do pescoço para baixo como outra parte. A estrutura da linguagem HTML é dividida de forma análoga ao que você acabou de imaginar, temos definida como "cabeça" (HEAD) a parte de cima da estrutura e "corpo" (BODY) a parte de baixo. Representamos assim:
<html>
<head>
<!-- Aqui é a cabeça da estrutura -->
</head>
<body>
<!-- Aqui é o corpo da estrutura -->
</body>
</html>
<head>
<!-- Aqui é a cabeça da estrutura -->
</head>
<body>
<!-- Aqui é o corpo da estrutura -->
</body>
</html>
Retomando na memória o que expliquei na introdução sobre hipertextos, note que os textos html, head e body estão dentro de parênteses angulares (<, >) , é assim que iremos diferenciar um texto de um hipertexto, todos hipertextos em HTML estão dentro desses símbolos. Em HTML chamamos isso de TAG, ou seja, acabamos de utilizar 3 tags: a tag html que é <html>, tag head que é <head>, e a tag body que é <body>. E também toda vez que utilizarmos uma tag teremos que ter um ponto de início e outro de final, - por exemplo: quando iniciamos a tag <html> ao final da estrutura temos que encerrar essa tag para indicar que a funcionalidade dela encerrou, então utilizamos </html>. Adicionamos a barra deitada para direita ( / ) antes do texto da tag para indicar que ela encerrou.
Continuamos na parte 2 deste tutorial...
Veja outras partes deste tutorial
- Aprenda o básico da construção de sites com HTML, CSS e PHP (1/10)
- Aprenda o básico da construção de sites com HTML, CSS e PHP (2/10)
- Aprenda o básico da construção de sites com HTML, CSS e PHP (3/10)
Nenhum comentário:
Postar um comentário
Obrigado pelo comentário.