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.
Upcoming SlideShare
Loading in...5
×

AULA - 1

152

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
152
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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.

×