A principal característica do HTML é sua independência de plataformas e navegadores. Assim, foi possível criar uma linguagem que se adaptasse a todas as limitações de cada acesso.
Um arquivo HTML pode ser desenvolvido em qualquer editor de textos comum e, após ser salvo com a extensão .html, qualquer navegador está apto para rodar o arquivo.
A estrutura básica é composta por:
<!DOCTYPE>
<html>
<head> <title> </head>
<body> <p> </p> </body>
</html>
Metadados
Também usa-se os metadados, ou seja, as informações sobre a página. Eles são:
Head é onde fica a parte inteligente. Lá estão os metadados;
Title define o título e é obrigatório em todo HTML;
Link são fontes externas que serão usadas no documento;
Meta são elementos autocontidos e adiciona informações sobre a página;
Style é a folha de estilo. Pode estar contida dentro do próprio documento ou através do link;
Sessões
As sessões são:
body é o corpo da página;
article é o conteúdo do site, como post, arquivo, etc;
section são as sessões genéricas. Antigamente, usava-se as divs;
nav contêm links importantes para outras partes do site;
aside basicamente complementa informações do article e nav, é a sidebar;
<h1> adiciona um cabeçalho de 1º nível na pagina;
<h2> adiciona um cabeçalho de 2º nível na pagina;
<h3> adiciona um cabeçalho de 3º nível na pagina;
<h4> adiciona um cabeçalho de 4º nível na pagina;
<h5> adiciona um cabeçalho de 5º nível na pagina;
<h6> adiciona um cabeçalho de 6º nível na pagina;
hgroup é um grupo de títulos;
header é um grupo de introdução ou elementos de navegação;
footer é o rodapé;
address define as informações do autor;
Comentário
Há também a possibilidade de fazer comentários. Eles servem, principalmente, para explicar a funcionalidade dos códigos. Usa-se da seguinte forma:
<! -- escreva seu comentário aqui -->
Elementos de agrupamento:
p define um parágrafo;
hr define uma linha horizontal, mas através da folha de estilo pode tornar-se vertical;
blockquote define citação de terceiros;
ol define uma lista ordenada;
ul define uma lista não ordenada;
li define item de lista;
dl a lista de definição;
dt é o termo a ser definido;
dd é a definição do termo;
div define divisão ou seção;
Elementos de texto semânticos:
a inseri hiperlink;
abbr define abreviação ou acrônimo;
span normalmente é a marcação de uma parte do texto para agrupar elementos
strong dá efeito negrito, definindo como importante;
em dá efeito itálico, definindo como importante;
br serve para quebrar linha;
Conteúdo embutido
é a possibilidade de adicionar multimídia ao documento. No caso da tag <img>, adicionamos outras propriedades como src, title, alt, e suas dimensões. Exemplo:
<img src="link da imagem" title="título da imagem" alt="texto alternativo, necessário em questão da acessibilidade" width="largura, se necessário" />
Nenhum comentário:
Postar um comentário