quarta-feira, 8 de fevereiro de 2017

Web para iniciantes - HTML - Part. 1

Olá!

O HTML não é uma linguagem de programação e sim de marcação. Com o HTML você não irá fazer cálculos, funções e nem criar condições de execução conforme um algoritmo padrão. Na linguagem de marcação HTML você irá trabalhar com a estrutura e a semântica da sua página.

Estrutura: A estrutura da página são as organizações que você mantém, como as divisórias, tabelas, formulários, botões, título, parágrafos e tudo o que você consegue definir ao esqueleto da sua aplicação.

Semântica: A semântica são padrões significativos que fazem com que sua aplicação consiga ser lida de uma forma automática por uma outra aplicação terceira e que essa aplicação compreenda a estrutura da sua página.




O que são os comentários?
São todas as marcações que descrevem uma funcionalidade ou qualquer informação que o autor do documento quer escrever pois é uma parte do código que o navegador ignora.

Exemplo:
<!-- COMENTÁRIO -->



O que são as tags?
São todos os elementos estruturais do HTML. A maioria das tags requer uma abertura e um fechamento e entre essas duas tags pode ser preenchido com algum conteúdo que também podem ser outras tags. Existem também algumas tags que não permitem um conteúdo interno essas tags não permitem um fechamento.

Exemplo abertura com fechamento obrigatório:
<div> <!-- ABERTURA DA TAG -->
    <!-- CONTEÚDO DA TAG -->
</div> <!-- FECHAMENTO DA TAG -->

Exemplo abertura sem fechamento:
<br>
<hr>
<img>



O que são atributos?
São os valores que são passados junto com a tag de abertura, algumas tags contém alguns atributos fixos que outras não interpretam e alguns atributos personalizados podem ser criados pelo autor para alguma execução particular dele. No exemplo abaixo, o atributo src é utilizado para preencher com o caminho de uma imagem a ser incorporada pelo documento.

Exemplo:
<img src="">



O que é o doctype?
É o tipo do documento HTML no qual está trabalhando, essa informação serve para o navegador saber qual versão utilizar e deve ser referenciado na primeira linha do documento. Existem algumas variações do doctype para cada padrão empregado, porém o qual deve usar atualmente é o do HTML5.

Exemplo:
<!DOCTYPE html>



O que é o head?
É o cabeçalho do documento HTML, nessa sessão estão os metadados. Os metadados são informações pertinentes sobre o documento como seu título, formato de codificação, links para css, javascript entre outros.

Exemplo:
<head> <!-- ABERTURA DO CABEÇALHO -->
    <!-- METADADOS -->
</head> <!-- FECHAMENTO DO CABEÇALHO -->



O que é o body?
É o corpo do documento HTML, nessa sessão está todo o conteúdo como formulários, parágrafos, títulos, imagens, vídeos entre outros.

Exemplo:
<body> <!-- ABERTURA DO CORPO -->
    <!-- CONTEÚDO -->
</body> <!-- FECHAMENTO DO CORPO -->



A estrutura básica do HTML é a seguinte:
<!DOCTYPE html> <!-- DOCTYPE DO HTML5 -->
<html lang="pt-br"> <!-- ABERTURA DO HTML COM 
ATRIBUTO DO IDIOMA -->
    <head> <!-- ABERTURA DO CABEÇALHO -->
        <meta charset="utf-8"> <!-- CODIFICAÇÃO DA 
PÁGINA -->
        <title>Título</title> <!-- TÍTULO DA PÁGINA -->
    </head> <!-- FECHAMENTO DO CABEÇALHO -->
    <body> <!-- ABERTURA DO CORPO -->
        <!-- CONTEÚDO -->
    </body> <!-- FECHAMENTO DO CORPO -->
</html> <!-- FECHAMENTO DO HTML -->

Nenhum comentário:

Postar um comentário