AULA - 1
Upcoming SlideShare
Loading in...5
×
 

AULA - 1

on

  • 302 views

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

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

Statistics

Views

Total Views
302
Slideshare-icon Views on SlideShare
204
Embed Views
98

Actions

Likes
0
Downloads
2
Comments
0

3 Embeds 98

http://diogofgs.blogspot.com.br 58
http://diogofgs.blogspot.com.ar 38
http://www.blogger.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    AULA - 1 AULA - 1 Document Transcript

    • 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”.
    • 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, 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.
    • 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.
    • 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.
    • 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, 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.
    • Conteúdo embutido: imgImg – Determina a inserção de uma imagem.