• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
02 - HTML - Utilização e conceitos básicos do HTML
 

02 - HTML - Utilização e conceitos básicos do HTML

on

  • 4,566 views

Aula dia 21/0

Aula dia 21/0

Statistics

Views

Total Views
4,566
Views on SlideShare
4,562
Embed Views
4

Actions

Likes
6
Downloads
91
Comments
0

3 Embeds 4

http://www.linkedin.com 2
http://twitter.com 1
http://memit.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

    02 - HTML - Utilização e conceitos básicos do HTML 02 - HTML - Utilização e conceitos básicos do HTML Presentation Transcript

    • Aula 01
      Utilização e conceitos básicos do HTML
    • HTML
      • HTML significa HyperText Markup Language
      • HTML não é uma linguagem de programação, é uma linguagem de marcação
      • A linguagem de marcação é um conjunto de tags de marcação
      • HTML utiliza tags de marcação para descrever páginas web
    • Tags HTML são palavras-chave entre colchetes angulares como <html>
      Tags HTML normalmente vêm em pares, como <b> e </ b>
      A primeira tag em um par é a tag de início, a segunda tag é a tag final
      Marca inicial e final são também chamados de abertura tags e fechamento de tags
      Documentos HTML = Páginas Web
      Tags HTML
    • Documentos HTML descrevem páginas web
      Documentos HTML contem tags HTML e texto simples (plaintext)
      Documentos HTML são também chamados de páginas web
      Documentos HTML
    • Exemplo 01
    • O texto entre <html> e </html> descreve a página web
      O texto entre <body> e </ body> é o conteúdo da página visível
      O texto entre <h1> e </ h1> é exibida como um título
      O texto entre <p> e </ p> é exibido como um parágrafo
      Exemplo 01 - Explicado
    • Não precisa de um editor HTML
      Não precisa de um webserver
      Não precisa de um website
      Somente de seu navegador
      O que você precisa para aprender HTML?
    • Elementos HTML
      • Exemplo de tags: <h1>, <h2>, <p>, <div>, <ul>
    • Todo elemento HTML começa com uma tag de abertura / início
      Todo elemento HTML tem uma tag de fechamento / fim
      O conteúdo de elemento encontra-se entre as duas Tags
      Alguns elementos HTML não possuem conteúdo (conteúdo vazio)
      Elementos vazios são fechados na tag de abertura / início
      Maioria dos elementos HTML possuem atributos
      Sintaxe dos Elementos HTML
    • Exemplo de documento HTML
    • O elemento <p>:
      O elemento <p> define um parágrafo num documento HTML.
      É iniciado por <p> e finalizado por </p>
      O conteúdo do elemento é: Este é meu primeiro parágrafo
    • O elemento <body>:
      O elemento body definirá o corpo do documento HTML.
      É iniciado por <body> e finalizado por </body>.
      O conteúdo deste elemento são outros elementos HTML (no caso <p>).
    • O elemento <HTML>:
      O elemento <html> define todo o documento HTML.
      É iniciado por <html> e finalizado por </html>.
      Seu conteúdo são outros elementos HTML (no caso <body>).
    • Não se esqueça da tagfinal
      Padrão XHTML, HTML 4 (segundo W3C), toda tag aberta deve ser fechada
      Regra válida para HTML e XML
    • Exercicio
      Criar página HTML contendo texto de no mínimo 5 parágrafos.
      Utilizar as tags: <html>, <head>, <title>, <body>, <p>, <h1>, <br />