SlideShare uma empresa Scribd logo
1 de 42
HTML
Aula 1
O QUE É HTML
•
    ↳
•
•
•
O QUE HTML NÃO É?

•
•
•
•
USOS DO HTML
•
•
•
EXEMPLOS
 FACEBOOK PARA IOS   ANGRY BIRDS          WIKIPEDIA




                     SPACE PIRAT KILLER   E TODA A WEB!!
HTML NÃO FAZ NADA SOZINHO,
MAS NADA NA WEB É FEITO SEM ELE
CARACTERÍSTICAS
USO DE MARCADORES



 ↳
EXEMPLO DE CÓDIGO
INTERPRETADA PELO NAVEGADOR
SEGUE PADRÕES DA W3C

•
•
•
TRABALHA COM OUTRAS LINGUAGENS


•
•
•
VERSÕES EM USO

•
•
•
FERRAMENTAS DE DESENVOLVIMENTO


•
•
•
Internet Explorer e DreamWeaver
    estão proibidos! (por mim)
RECOMENDADOS

•



•
PROJETO
VAMOS SUJAR AS MÃOS!!
O ARQUIVO HTML
TAG
•

•
•
•
SEMÂNTICA!
PARÂMETRO

            <ingrediente qtd=“9”>
            ovo
            </ingrediente>
CLASS E ID

             <p class=“nome”>
                  texto
             </p>
ESTRUTURA
ESTRUTURA
INDENTAÇÃO
SALVANDO UM HTML
PRINCIPAIS TAGS
•           •
•           •
•           •
•           •
•           •
•           •
•           •
DOCTYPE
COMENTÁRIO
             <!- - Oi, eu um
             comentário. O
             browser vai me
             ignorar =/ - ->
DOCTYPE
HTML
       <html>
           ....
       </html>
HEAD
       <head>
            <title>
            <link>
            <style>
       </head>
BODY
       <body>
            <div>
            <p>
            <a>
       </body>
CONTEÚDO
P: PARÁGRAFO
               <p>
                      texto
               </p>
BR: QUEBRA DE LINHA

           <p> Lorem ipsum dolor
           sitame <br /> consectetur
           adipisicing elit.</p>
      br
H1~H6: TÍTULOS
EXERCÍCIO

 
 
 
           “Lorem Ipsum”
PESQUISAR

 • <b>
 • <i>
 • <u>
PRÓXIMA AULA
•   a
•   img
•   ol
•   ul
•   li
•   div
•   span

Mais conteúdo relacionado

Semelhante a HTML - A primeira aula sobre a linguagem básica da web

Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
O que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seoO que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seointrofini
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2Israel Messias
 
Aula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.brAula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.brDevCampos
 
Apresentação - HTML5 e CSS3 Fabrica do Design
Apresentação - HTML5 e CSS3 Fabrica do DesignApresentação - HTML5 e CSS3 Fabrica do Design
Apresentação - HTML5 e CSS3 Fabrica do DesignIuri Andreazza
 
EDTED SP - HTML 5 e CSS 3 - Junho de 2011
EDTED SP - HTML 5 e CSS 3 - Junho de 2011EDTED SP - HTML 5 e CSS 3 - Junho de 2011
EDTED SP - HTML 5 e CSS 3 - Junho de 2011Leonardo Balter
 
internet_e_o_html.pdf
internet_e_o_html.pdfinternet_e_o_html.pdf
internet_e_o_html.pdfasastm2015
 
Estrutura Básica de um Site Amigável ao Google V2.0
Estrutura Básica de um Site Amigável ao Google V2.0Estrutura Básica de um Site Amigável ao Google V2.0
Estrutura Básica de um Site Amigável ao Google V2.0Cleo Morgause
 
Workflow WordPress + JavaScript - WordCamp Rio
Workflow WordPress + JavaScript  - WordCamp RioWorkflow WordPress + JavaScript  - WordCamp Rio
Workflow WordPress + JavaScript - WordCamp RioFellyph Cintra
 
SEO Para Desenvolvedores
SEO Para Desenvolvedores SEO Para Desenvolvedores
SEO Para Desenvolvedores Umbler
 
Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011Bruno Rocha
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)Kaoru Hatake
 
CODE N' TELL 17/02/2014
CODE N' TELL 17/02/2014CODE N' TELL 17/02/2014
CODE N' TELL 17/02/2014Rodrigo Donini
 

Semelhante a HTML - A primeira aula sobre a linguagem básica da web (20)

Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
O que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seoO que todos os developers devem saber sobre seo
O que todos os developers devem saber sobre seo
 
Curso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JSCurso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JS
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2
 
Aula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.brAula de HTML5 - DevCampos - www.devcampos.com.br
Aula de HTML5 - DevCampos - www.devcampos.com.br
 
Apresentação - HTML5 e CSS3 Fabrica do Design
Apresentação - HTML5 e CSS3 Fabrica do DesignApresentação - HTML5 e CSS3 Fabrica do Design
Apresentação - HTML5 e CSS3 Fabrica do Design
 
EDTED SP - HTML 5 e CSS 3 - Junho de 2011
EDTED SP - HTML 5 e CSS 3 - Junho de 2011EDTED SP - HTML 5 e CSS 3 - Junho de 2011
EDTED SP - HTML 5 e CSS 3 - Junho de 2011
 
internet_e_o_html.pdf
internet_e_o_html.pdfinternet_e_o_html.pdf
internet_e_o_html.pdf
 
Estrutura Básica de um Site Amigável ao Google V2.0
Estrutura Básica de um Site Amigável ao Google V2.0Estrutura Básica de um Site Amigável ao Google V2.0
Estrutura Básica de um Site Amigável ao Google V2.0
 
Workflow WordPress + JavaScript - WordCamp Rio
Workflow WordPress + JavaScript  - WordCamp RioWorkflow WordPress + JavaScript  - WordCamp Rio
Workflow WordPress + JavaScript - WordCamp Rio
 
Aula html5
Aula html5Aula html5
Aula html5
 
HC - HTML - CSS.pdf
HC - HTML - CSS.pdfHC - HTML - CSS.pdf
HC - HTML - CSS.pdf
 
Seu primeiro website
Seu primeiro websiteSeu primeiro website
Seu primeiro website
 
Laboratório Web 2013-2014 - HTML5
Laboratório Web 2013-2014 - HTML5Laboratório Web 2013-2014 - HTML5
Laboratório Web 2013-2014 - HTML5
 
SEO Para Desenvolvedores
SEO Para Desenvolvedores SEO Para Desenvolvedores
SEO Para Desenvolvedores
 
Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)
 
CODE N' TELL 17/02/2014
CODE N' TELL 17/02/2014CODE N' TELL 17/02/2014
CODE N' TELL 17/02/2014
 
Html5 workshop
Html5 workshopHtml5 workshop
Html5 workshop
 

HTML - A primeira aula sobre a linguagem básica da web