domingo, 17 de março de 2013
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”;
Estrutura básica de uma página:
São necessárias quatro tags básicas para descrever a estrutura geral de uma página a ser lida pelo navegador: <html> <head> <title> <body>.
Veja o exemplo abaixo:
<html>
<head>
<title>Seja bem-vindo</title>
</head>
<body>
... conteúdo da página
</body>
</html>
Metadados:
head- cabeçalho;
title- título;
link- importar folhas de estilo externo;
meta- descrevem o conteúdo do site para os buscadores. É nelas que irá inserir as palavras-chaves que facilitarão a vida do usuário na hora de encontrar o site.
style- define um estilo de informação para um documento de HTML;
Sessões:
<body> é onde fica o conteúdo da página;
<article> é o elemento que representa um componente de uma página que consiste em uma composição auto-contida em um documento;
<section> é apenas um bloco de conteúdo relacionado;
<nav> representa uma seção da página que contém link para outras páginas ou partes do mesmo website;
<aside> define um elemento lateral que pode conter blocos de navegação (nav's), citações e outras informações que costumamos colocar em um sidebar;
<h1,h2,h3,h4,h5,h6> Define o tamanho e a importância do cabeçalho;
<hgroup> Agrupa os cabeçalhos;
<header> define um grupo de títulos ou o cabeçalhos de uma determinada seção;
<footer > define o rodapé das seções ou da página;
<address> Ele é indicado para fornecer estas (e também outras) informações a respeito das pessoas de contato do documento, geralmente o autor do documento ou o responsável pelo conteúdo exibido. Dentro do elemento address não são permitidos, no HTML 5, os elementos aside, footer, h1 até h6, header, headgroup, nav e section.
Comentário:
O comentário começa por <!-- e finaliza por --> Tudo o que colocar entre essas etiquetas está comentado.
Elementos de agrupamento:
<p> define parágrafo de paginas;
<hr> divisão de conteúdo da pagina (linha);
<blockquote> parágrafo de citação;
<ol> lista ordenada ( 1,2,3...);
<ul> lista não ordenada;
<li> item de uma lista;
<dl>define uma lista;
<dt> termo a ser definido;
<dd> definição do termo;
<div > divisão ou seção no documento HTML.
Elementos de texto semânticos:
<a> define um hiperlink na página;
<abbr> utilizado para marcar abreviações;
<span> agrupa elementos em linha de um documento;
<strong> forte ênfase (negrito);
<em> ênfase (itálico);
<br> quebra de linha.
Conteúdo embutido:
img: marcação utilizada para inserir imagens em páginas HTML.
