Características      Documentos HTML são arquivos escritos em ASCII – texto. Podem ser criadosem qualquer editor de texto,...
Estrutura básica de uma página<!doctype><html>          <head>                      <title> <title>          <head>       ...
Metadados: head, title, link, meta, styleHead - A Tag HEAD é onde fica toda a parte inteligente da página. São as informaç...
Sessões: body, article, section, nav, aside, h1, h2, h3, h4, h5,h6, hgroup, header, footer, addressBody – Define o corpo d...
ComentárioOs comentários em HTMl, é como uma etiqueta que tem um início e um fim. Todo otexto que colocar dentro está come...
Elementos de agrupamento: p, hr, blockquote, ol, ul, li, dl, dt,dd, div.P – Define um parágrafo.Hr – Define uma divisão no...
Elementos de texto semânticos: a, abbr, span, strong, em, brA – Define um hyperlink na página.Abbr – Utilizado para marcar...
Conteúdo embutido: imgImg – Determina a inserção de uma imagem.
Próximos SlideShares
Carregando em…5
×

AULA - 1

280 visualizações

Publicada em

HTML - características, estrutura básica de uma página.

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
280
No SlideShare
0
A partir de incorporações
0
Número de incorporações
98
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

AULA - 1

  1. 1. Características Documentos HTML são arquivos escritos em ASCII – texto. Podem ser criadosem qualquer editor de texto, (VI, EMACS, EDIT, NOTEPAD), existem editoresespecí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”.
  2. 2. 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>
  3. 3. Metadados: head, title, link, meta, styleHead - A Tag HEAD é onde fica toda a parte inteligente da página. São as informaçõessobre 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.
  4. 4. Sessões: body, article, section, nav, aside, h1, h2, h3, h4, h5,h6, hgroup, header, footer, addressBody – 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.
  5. 5. ComentárioOs comentários em HTMl, é como uma etiqueta que tem um início e um fim. Todo otexto que colocar dentro está comentado, ou seja, aparecerá na página. Dentro de umcomentá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 entreessas etiquetas está comentado.
  6. 6. 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.
  7. 7. Elementos de texto semânticos: a, abbr, span, strong, em, brA – 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.
  8. 8. Conteúdo embutido: imgImg – Determina a inserção de uma imagem.

×