Advertising

Como funciona o HTML ?

quinta-feira, 1 de fevereiro de 2018


O HTML é uma linguagem de marcação de hipertextos, ou seja, uma linguagem de marcação de textos em formato de digital. Hipertextos são itens que agregam outros conjuntos de informações como imagens,sons e entre outros, em formato de texto. O HTML é uma linguagem baseada em marcação, nós marcamos os elementos para mostrar quais desses a página deve exibir. Ela possui códigos para criar páginas na web. Estes códigos, são conhecidos como "Tags" ou "elementos", eles definem o tipo de letra, qual o tamanho, cor, espaçamento, e vários outros aspectos do site, ou seja, os mesmos são rótulos usados para informar ao navegador como deve ser apresentado o site. Todas as TAGS possuem o mesmo formato, pois tem um padrão de codificação que deve ser seguido pelos desenvolvedores web. As TAGS começam com um sinal de “<” e terminam com um sinal de “>”, como mostra o exemplo abaixo:
<body>
Existem dois tipos de tags – TAGS de abertura e TAGS de fechamento. As tags de abertura são as responsáveis por iniciar a marcação do código em si, e as TAGS de fechamento servem para finalizar a marcação. Veja o Exemplo abaixo:
<body> Texto </body>
 O conteúdo é adicionado entre as duas marcações (tags/elementos). No exemplo anterior, podemos observar isto, a palavra texto ficou entre os elementos <body> e </body>.

Todo documento HTML possui uma estrutura básica comum, que é o corpo básico para estruturar uma página web. A primeira linha dessa estrutura é o "<!DOCTYPE>", essa linha indica para o browser como o conteúdo vai ser lido e interpretado pelo navegador. A segunda linha, é o "<html lang =  pt-br"> </html>, ela marca onde começa e termina o código html, delimitando todo o código. Dentro da tag "html", podemos inserir alguns atributos, como por exemplo o "Lang" que informa qual é o idioma principal do documento. Dentro das marcações de html, deve ficar a tag <head>  </head>, que marca o cabeçalho do documento. Esse elemento pode armazenar diversas informações que não são visíveis ao usuário, porém são importantíssimas para construção do código. Exemplo, podemos inserir dentro do <head> </head> , o elemento <meta charset = "utf-8"> que indica um metadados com um tipo de carácter de padrão internacional "utf8". Uma outra tag importante para ser inserir entre os elementos <head>, é o <title>Título</title>, pois ela facilita a localização do site nos mecanismos de buscas. Após o <head></head>, deve ser inserido a tag <body></body>, é entre essas tags que o conteúdo será exibido para os usuários. Ao final, a estrutura deve seguir o padrão abaixo:

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>HTML5 Estrutura basica</title>
</head>
<body>
</body>
</html>






fontes:
http://hipertexto.wikidot.com/o-que-e-hipertexto
https://www.cursos.wlconsultoria.net/blog/o-que-sao-tags-html/
https://www.infoescola.com/informatica/html/
https://cursos.timtec.com.br/
Compartilhar

Nenhum comentário:

Postar um comentário

Postagem mais recente Postagem mais antiga Página inicial
 
Copyright © 2015. Folig Blogspot
Templates Template Blogger