HTML Parte 1

1) Características

- Documentos HTML são arquivos escritos em ASCII - texto. 
- Podem ser criados em qualquer editor de texto ( vi, emacs, edit, notepad) 
- Existem editores específicos para várias plataformas 
- Existem conversores de vários formatos, por exemplo, doc para html 
- A unidade mínima de informação é a “página” 
- HTML utiliza marcações específicas e distintas para dizer ao Web browser como exibir o documento. 

MARCAÇÕES HTML

As marcações do HTML - tags - consistem do sinal (<), (o símbolo de "menor que"), seguida pelo nome da marcação e fechada por (>) ("maior que"). De um modo geral, as tags aparecem em pares, por exemplo, <H1> Título </H1>. O símbolo que termina uma determinada marcação é igual aquele que a inicia, antecedido por uma barra (/) e precedido pelo texto referente. 

2) Estrutura básica de uma página

3) Metadados: head, title, link, meta, style

Metadados são informações sobre a página e o conteúdo ali publicado.
A Tag HEAD é onde fica a parte inteligente da página.
A Tag TITLE identifica o nome para o documento (“nome do site”).
Metatag Charset é responsável por chavear qual tabela de caracteres a página está utilizando.
A Tag LINK fornece os links para fontes externas que serão usadas no documento.
A Tag STYLE apresenta as regras de estilo incorporadas e válidas para o documento. Neste caso “lerá” as regras na própria página e formatará o documento de acordo com elas.

4) Sessões: body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address 

A estrutura de um site é dividida em diversas seções. Cada seção representa uma fatia do layout e também representa um grupo de conteúdo. As seções além das divisões, servem significado para o código, a nível de semântica ou seja, para entregar informação útil para o usuário, sistemas ou aplicações.

5) Comentário HTML

Os comentários em HTML são representados por <!– comentário –>. São usados para fazer comentários dentro do código, sem alterá-lo. Serão usados comentários explicando os códigos.

6) Elementos de agrupamento: p, hr, blockquote, ol, ul, li, dl, dt, dd, div.

7) Elementos de texto semânticos: a, abbr, span, strong, em, br

8) Conteúdo embutido: img

Utiliza-se a seguinte notação para incluir uma imagem: <img src="diretório/arquivo">

Abaixo exemplos de utilização dessas tags: