SlideShare a Scribd company logo
1 of 9
X

HTML5
X

    HTML é uma sigla em inglês que significa
HyperText Markup Language (Linguagem de
marcação de HyperTextos), que está em sua
versão 5. É uma linguagem utilizada para
criação de Web Pages. Os documentos HTML
são        compilados       em        browsers
(Firefox, Chrome, Internet Explorer).
Começando a Criar o seu HTML
                                     X


            PRIMEIRAS TAGS
•   <!doctype html>
•   <html lang=pt-br> </html>
•   <head> </head>
•   <body> </body>
X
   <!doctype html> é a primeira tag que deve ser
colocada em seu documento HTML, é ela que
indica para o seu navegador que o arquivo está em
HTML
    <head> é a tag responsável por manter a parte
“inteligênte” do HTML, ou seja as configurações da
sua página web.
    <body> é após essa tag que ficará o seu site em
si, a parte que vai aparecer no seu navegador.
X
     COMO FICA A ESTRUTURA:

<!doctype html>
<html lang=pt-br>
   <head>
   </head>
          <body>
          </body>
</html>
X
          TAGS BÁSICAS
•<p> Criação de um parágrafo
• <em> ênfase (itálico)
•<strong> ênfase forte (negrito)
•<ol> Lista Ordenada
•<li> intem de lista
•<ul> Lista não Ordenada
X
ESTRUTURA DE UMA PÁGINA BÁSICA COM ESSAS
                  TAGS
X
Olha como Fica a Página
X



Obrigado !!

More Related Content

What's hot (20)

Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
HTML & CSS ninja - Material do curso
HTML & CSS ninja - Material do cursoHTML & CSS ninja - Material do curso
HTML & CSS ninja - Material do curso
 
Introdução ao HTML
Introdução ao HTMLIntrodução ao HTML
Introdução ao HTML
 
Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Hdfree
HdfreeHdfree
Hdfree
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
Aula1 - HTML 5
Aula1 - HTML 5Aula1 - HTML 5
Aula1 - HTML 5
 
Html e css
Html e cssHtml e css
Html e css
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
 
Wordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de Templates
 
HTML
HTMLHTML
HTML
 
Slides de html
Slides de htmlSlides de html
Slides de html
 
Desenvolvimento sites html
Desenvolvimento sites htmlDesenvolvimento sites html
Desenvolvimento sites html
 
Codificações basicas em HTML e XML
Codificações basicas em HTML e XMLCodificações basicas em HTML e XML
Codificações basicas em HTML e XML
 
Wordpress Arquivo de Configuração
Wordpress Arquivo de ConfiguraçãoWordpress Arquivo de Configuração
Wordpress Arquivo de Configuração
 
HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no html
 
Minicurso HTML
Minicurso HTMLMinicurso HTML
Minicurso HTML
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
Introdução ao Oracle 10g
Introdução ao Oracle 10gIntrodução ao Oracle 10g
Introdução ao Oracle 10g
 
Html5 aula 02
Html5 aula 02Html5 aula 02
Html5 aula 02
 

Similar to Introdução a HTML5 - Tags e Conceitos

Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptxssusercbd9c4
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxJEANCLEVERSONPRATAS
 
html basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptxhtml basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptxLeonardoPaz31
 
Manual curso php
Manual curso phpManual curso php
Manual curso phpalexinaa
 
Manual curso php
Manual curso phpManual curso php
Manual curso phpalexinaa
 
Webdesign: construindo páginas com HTML
Webdesign: construindo páginas com HTMLWebdesign: construindo páginas com HTML
Webdesign: construindo páginas com HTMLJosé Pirauá
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Jolvani Morgan
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLDra. Camila Hamdan
 
Apostila de Html - Marcos Rogério Fernandes
Apostila de Html - Marcos Rogério FernandesApostila de Html - Marcos Rogério Fernandes
Apostila de Html - Marcos Rogério FernandesMatheus Henrique
 
Apostila Html completa e simples
Apostila Html completa e simplesApostila Html completa e simples
Apostila Html completa e simplesLuiz Avelar
 
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor FranciosneyRevisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosneyfranciosney
 

Similar to Introdução a HTML5 - Tags e Conceitos (20)

Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptx
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
Curso de XHTML
Curso de XHTMLCurso de XHTML
Curso de XHTML
 
Html5 em 15 minutos
Html5 em 15 minutosHtml5 em 15 minutos
Html5 em 15 minutos
 
HC - HTML - CSS.pdf
HC - HTML - CSS.pdfHC - HTML - CSS.pdf
HC - HTML - CSS.pdf
 
html basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptxhtml basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptx
 
Front-end 001
Front-end 001Front-end 001
Front-end 001
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
HTML básico
HTML básicoHTML básico
HTML básico
 
Webdesign: construindo páginas com HTML
Webdesign: construindo páginas com HTMLWebdesign: construindo páginas com HTML
Webdesign: construindo páginas com HTML
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02
 
Php aula1
Php aula1Php aula1
Php aula1
 
Cs 02 introducao_html
Cs 02 introducao_htmlCs 02 introducao_html
Cs 02 introducao_html
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTML
 
Apostila de Html - Marcos Rogério Fernandes
Apostila de Html - Marcos Rogério FernandesApostila de Html - Marcos Rogério Fernandes
Apostila de Html - Marcos Rogério Fernandes
 
Html - Apostila
Html - ApostilaHtml - Apostila
Html - Apostila
 
Apostila Html completa e simples
Apostila Html completa e simplesApostila Html completa e simples
Apostila Html completa e simples
 
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor FranciosneyRevisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
 

Introdução a HTML5 - Tags e Conceitos

  • 2. X HTML é uma sigla em inglês que significa HyperText Markup Language (Linguagem de marcação de HyperTextos), que está em sua versão 5. É uma linguagem utilizada para criação de Web Pages. Os documentos HTML são compilados em browsers (Firefox, Chrome, Internet Explorer).
  • 3. Começando a Criar o seu HTML X PRIMEIRAS TAGS • <!doctype html> • <html lang=pt-br> </html> • <head> </head> • <body> </body>
  • 4. X <!doctype html> é a primeira tag que deve ser colocada em seu documento HTML, é ela que indica para o seu navegador que o arquivo está em HTML <head> é a tag responsável por manter a parte “inteligênte” do HTML, ou seja as configurações da sua página web. <body> é após essa tag que ficará o seu site em si, a parte que vai aparecer no seu navegador.
  • 5. X COMO FICA A ESTRUTURA: <!doctype html> <html lang=pt-br> <head> </head> <body> </body> </html>
  • 6. X TAGS BÁSICAS •<p> Criação de um parágrafo • <em> ênfase (itálico) •<strong> ênfase forte (negrito) •<ol> Lista Ordenada •<li> intem de lista •<ul> Lista não Ordenada
  • 7. X ESTRUTURA DE UMA PÁGINA BÁSICA COM ESSAS TAGS
  • 8. X Olha como Fica a Página