Click here to load reader
Upload
diogolevel3
View
153
Download
4
Embed Size (px)
DESCRIPTION
HTML - características, estrutura básica de uma página.
Citation preview
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 e conversores de vários formatos, por exemplo,
doc para HTML e a unidade mínima de informação é a “página”.
Estrutura básica de uma página
<!doctype>
<html>
<head>
<title> <\title>
<head>
<body>
<header> <\header>
<nav> <\nav>
<section>
<header> <\header>
<article> <\article>
<footer> <\footer>
<section>
<aside> <\aside>
<footer> <\footer>
<\body>
<\html>
Metadados: head, title, link, meta, style
Head - A Tag HEAD é onde fica toda a parte inteligente da página. São as informações
sobre a página e o conteúdo ali publicado.
Title – Define o título da barra de títulos no navegador.
Link – Importa uma de estilos na página.
Meta – Adiciona informações sobre a página como autor, palavras e chave.
Stile - Incorpora uma folha de estilos na página.
Sessões: body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address
Body – Define o corpo da página HTML.
Article - Representa uma parte da página que poderá ser distribuído e reutilizável.
Section – Define uma nova seção genérica do documento.
Nav – Representa uma seção da página que contem links.
Aside – Representa um bloco de conteúdo que referência o conteúdo.
H1, H2, H3, H4, H5, H6 – Definem uma seção de cabeçalhos.
Hgroup – Este elemento consiste em um grupo de títulos.
Header – Representa um grupo de introdução ou elementos de navegação.
Footer – Representa literalmente o radapé da página.
Address – Endereço.
Comentário
Os comentários em HTMl, é como uma etiqueta que tem um início e um fim. Todo o
texto que colocar dentro está comentado, ou seja, aparecerá na página. Dentro de um
comentário pode colocar o texto ou código HTML, como etiquetas.
Exemplo: Todo comentário começa por <! -- e finaliza por -- >, tudo o que colocar entre
essas etiquetas está comentado.
Elementos de agrupamento: p, hr, blockquote, ol, ul, li, dl, dt, dd, div. P – Define um parágrafo. Hr – Define uma divisão no conteúdo da página.
Blockquote – Define um parágrafo de citação.
Ol – Lista ordenada.
Ul – Lista não ordenada.
Li – Item de uma lista.
Dl – Lista de definição.
Dt – Termo a ser definido.
Dd - Definição do termo.
Div – Define uma divisão ou seção no documento.
Elementos de texto semânticos: a, abbr, span, strong, em, br
A – Define um hyperlink na página.
Abbr – Utilizado para marcar abreviações.
Span – Agrupa elementos em linha de um documento.
Strong – Dá uma forte ênfase.
Em – Dá uma ênfase.
Br – Quebra de linha.
Conteúdo embutido: img Img – Determina a inserção de uma imagem.