SlideShare a Scribd company logo
1 of 12
Download to read offline
1




WEBDESIGN – AULA 01

 - UNIDADE I -
FUNDAMENTOS PARA A
CONCEPÇÃO E CRIAÇÃO DE
CONTEÚDO EM AMBIENTE WEB
Revisão HTML - Parte 1
HTML (REVISÃO)
2


       HTML (HYPER TEXT MARKUP LANGUAGE)
       É uma linguagem de marcação para a elaboração
        de sites na Web.
       Os comandos são chamados de TAGS
        Ex:
        <nome_do_tag atributo="valor">
       ...
       </nome_do_tag>
HTML (REVISÃO)
3


       ESTRUTURA BÁSICA DE UMA PÁGINA
        <HMTL>
        <HEAD>
        <TITLE></TITLE>
        </HEAD>
        <BODY>
        ....
        </BODY>
        </HTML>
HTML (REVISÃO)
4


       TAGS BÁSICOS:
        <H1> a <H6>
        <BR>
        <P>
        <B>
        <I>
        <U>
        <S>
HTML (REVISÃO)
5


       TAGS Heading já vem devidamente pré-
        formatadas. A diferença será o tamanho da letra.
        O <H1> apresenta com maior tamanho e o último
        nível <H6> com menor tamanho de letra.
        Ex:
        <H1>...</H1>
        <H2>...</H2>
        <H3>...</H3>
        <H4>...</H4>
        <H5>...</H5>
        <H6>...</H6>
HTML (REVISÃO)
6


    QUEBRAS DE LINHAS:
     <BR>
      O texto pulará 1 linha. Caso queira pular mais de 2
      linhas basta incluir o número de <BR> correspondentes.
      Ex:
      ...<BR>

       <P>
        TAG parágrafo, permite SOMENTE pular 2 linhas.
        Ex:
        ....<P>
HTML (REVISÃO)
7


       FORMATANDO TEXTO:
        <B>
        Permite com que os textos fiquem na formatação
        em negrito
        Ex:
        <B>
        ....
        </B>
HTML (REVISÃO)
8


       FORMATANDO TEXTO:
        <I>
        Permite com que os textos fiquem na formatação
        itálico.
        Ex:
        <I>
        ....
        </I>
HTML (REVISÃO)
9


       FORMATANDO TEXTO:
        <U>
        Permite sublinhar os textos.
        Ex:
        <U>
        ....
        </U>
HTML (REVISÃO)
10


        FORMATANDO TEXTO:
         <S>
         Permite com cortar o texto no meio com uma linha.
         Ex:
         <S>
         ....
         </S>
Fontes utilizadas
11


        http://www.maujor.com.br
        http://www.w3schools.com
OBRIGADO!
12


        PROF. SERGIO XAVIER

         E-mail:
         sergiosx@gmail.com

         Blog:
         www.profsergioxavier.wordpress.com

More Related Content

What's hot (19)

Curso HTML e CSS
Curso HTML e CSSCurso HTML e CSS
Curso HTML e CSS
 
HTML Formatando Textos
HTML Formatando TextosHTML Formatando Textos
HTML Formatando Textos
 
Manual HTML
Manual HTMLManual HTML
Manual HTML
 
html
html html
html
 
Html
HtmlHtml
Html
 
Curso html
Curso htmlCurso html
Curso html
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Aplicativo aula04
Aplicativo aula04Aplicativo aula04
Aplicativo aula04
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Html completo
Html completoHtml completo
Html completo
 
Exerciciohtml2
Exerciciohtml2Exerciciohtml2
Exerciciohtml2
 
O que é html
O que é htmlO que é html
O que é html
 
Introducao ao html
Introducao ao htmlIntroducao ao html
Introducao ao html
 
426 curso html
426 curso html426 curso html
426 curso html
 
0151
01510151
0151
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
 

Viewers also liked

Lógica de Programação - Estruturas de Seleção
Lógica de Programação - Estruturas de SeleçãoLógica de Programação - Estruturas de Seleção
Lógica de Programação - Estruturas de SeleçãoJanynne Gomes
 
Imei módulo3 - ficha formativa nº2
Imei   módulo3 - ficha formativa nº2Imei   módulo3 - ficha formativa nº2
Imei módulo3 - ficha formativa nº2teacherpereira
 
Imei módulo2 - ficha formativa nº1
Imei   módulo2 - ficha formativa nº1Imei   módulo2 - ficha formativa nº1
Imei módulo2 - ficha formativa nº1teacherpereira
 
Estruturas de repetição (parte 01)
Estruturas de repetição (parte 01)Estruturas de repetição (parte 01)
Estruturas de repetição (parte 01)Eder Samaniego
 
Algoritmos 01 - Semana 06 - Múltipla Escolha
Algoritmos 01 - Semana 06 - Múltipla EscolhaAlgoritmos 01 - Semana 06 - Múltipla Escolha
Algoritmos 01 - Semana 06 - Múltipla EscolhaEder Samaniego
 
Imei módulo2 - ficha formativa nº6
Imei   módulo2 - ficha formativa nº6Imei   módulo2 - ficha formativa nº6
Imei módulo2 - ficha formativa nº6teacherpereira
 
Imei módulo2 - ficha formativa nº3
Imei   módulo2 - ficha formativa nº3Imei   módulo2 - ficha formativa nº3
Imei módulo2 - ficha formativa nº3teacherpereira
 
Texto dos dedos aos dados
Texto dos dedos aos dadosTexto dos dedos aos dados
Texto dos dedos aos dadosteacherpereira
 
Algoritmos 01 - Semana 03 - Exercícios de Leitura e Atribuição
Algoritmos 01 - Semana 03  - Exercícios de Leitura e AtribuiçãoAlgoritmos 01 - Semana 03  - Exercícios de Leitura e Atribuição
Algoritmos 01 - Semana 03 - Exercícios de Leitura e AtribuiçãoEder Samaniego
 
M9 ficha formativa nº3
M9   ficha formativa nº3M9   ficha formativa nº3
M9 ficha formativa nº3teacherpereira
 
Sistemas operativos ficha formativa nº2
Sistemas operativos   ficha formativa nº2Sistemas operativos   ficha formativa nº2
Sistemas operativos ficha formativa nº2teacherpereira
 
Sistemas operativos ficha formativa nº7
Sistemas operativos   ficha formativa nº7Sistemas operativos   ficha formativa nº7
Sistemas operativos ficha formativa nº7teacherpereira
 
Algoritmos 01 - Semana 07 - Exercícios Múltipla Escolha
Algoritmos 01 - Semana 07 - Exercícios Múltipla EscolhaAlgoritmos 01 - Semana 07 - Exercícios Múltipla Escolha
Algoritmos 01 - Semana 07 - Exercícios Múltipla EscolhaEder Samaniego
 
Imei módulo3 - ficha formativa nº1
Imei   módulo3 - ficha formativa nº1Imei   módulo3 - ficha formativa nº1
Imei módulo3 - ficha formativa nº1teacherpereira
 
Sistemas operativos de grande porte
Sistemas operativos de grande porteSistemas operativos de grande porte
Sistemas operativos de grande porteteacherpereira
 
M9 ficha formativa nº1
M9   ficha formativa nº1M9   ficha formativa nº1
M9 ficha formativa nº1teacherpereira
 
Imei módulo3 - ficha formativa nº6
Imei   módulo3 - ficha formativa nº6Imei   módulo3 - ficha formativa nº6
Imei módulo3 - ficha formativa nº6teacherpereira
 

Viewers also liked (20)

Menor peso Visualg
Menor peso VisualgMenor peso Visualg
Menor peso Visualg
 
Repetir
RepetirRepetir
Repetir
 
Lógica de Programação - Estruturas de Seleção
Lógica de Programação - Estruturas de SeleçãoLógica de Programação - Estruturas de Seleção
Lógica de Programação - Estruturas de Seleção
 
Imei módulo3 - ficha formativa nº2
Imei   módulo3 - ficha formativa nº2Imei   módulo3 - ficha formativa nº2
Imei módulo3 - ficha formativa nº2
 
Visual g comandos
Visual g comandosVisual g comandos
Visual g comandos
 
Imei módulo2 - ficha formativa nº1
Imei   módulo2 - ficha formativa nº1Imei   módulo2 - ficha formativa nº1
Imei módulo2 - ficha formativa nº1
 
Estruturas de repetição (parte 01)
Estruturas de repetição (parte 01)Estruturas de repetição (parte 01)
Estruturas de repetição (parte 01)
 
Algoritmos 01 - Semana 06 - Múltipla Escolha
Algoritmos 01 - Semana 06 - Múltipla EscolhaAlgoritmos 01 - Semana 06 - Múltipla Escolha
Algoritmos 01 - Semana 06 - Múltipla Escolha
 
Imei módulo2 - ficha formativa nº6
Imei   módulo2 - ficha formativa nº6Imei   módulo2 - ficha formativa nº6
Imei módulo2 - ficha formativa nº6
 
Imei módulo2 - ficha formativa nº3
Imei   módulo2 - ficha formativa nº3Imei   módulo2 - ficha formativa nº3
Imei módulo2 - ficha formativa nº3
 
Texto dos dedos aos dados
Texto dos dedos aos dadosTexto dos dedos aos dados
Texto dos dedos aos dados
 
Algoritmos 01 - Semana 03 - Exercícios de Leitura e Atribuição
Algoritmos 01 - Semana 03  - Exercícios de Leitura e AtribuiçãoAlgoritmos 01 - Semana 03  - Exercícios de Leitura e Atribuição
Algoritmos 01 - Semana 03 - Exercícios de Leitura e Atribuição
 
M9 ficha formativa nº3
M9   ficha formativa nº3M9   ficha formativa nº3
M9 ficha formativa nº3
 
Sistemas operativos ficha formativa nº2
Sistemas operativos   ficha formativa nº2Sistemas operativos   ficha formativa nº2
Sistemas operativos ficha formativa nº2
 
Sistemas operativos ficha formativa nº7
Sistemas operativos   ficha formativa nº7Sistemas operativos   ficha formativa nº7
Sistemas operativos ficha formativa nº7
 
Algoritmos 01 - Semana 07 - Exercícios Múltipla Escolha
Algoritmos 01 - Semana 07 - Exercícios Múltipla EscolhaAlgoritmos 01 - Semana 07 - Exercícios Múltipla Escolha
Algoritmos 01 - Semana 07 - Exercícios Múltipla Escolha
 
Imei módulo3 - ficha formativa nº1
Imei   módulo3 - ficha formativa nº1Imei   módulo3 - ficha formativa nº1
Imei módulo3 - ficha formativa nº1
 
Sistemas operativos de grande porte
Sistemas operativos de grande porteSistemas operativos de grande porte
Sistemas operativos de grande porte
 
M9 ficha formativa nº1
M9   ficha formativa nº1M9   ficha formativa nº1
M9 ficha formativa nº1
 
Imei módulo3 - ficha formativa nº6
Imei   módulo3 - ficha formativa nº6Imei   módulo3 - ficha formativa nº6
Imei módulo3 - ficha formativa nº6
 

Similar to Webdesign Fundamentos HTML

Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptxssusercbd9c4
 
Manual curso php
Manual curso phpManual curso php
Manual curso phpalexinaa
 
Manual curso php
Manual curso phpManual curso php
Manual curso phpalexinaa
 
Apostila De Html
Apostila De HtmlApostila De Html
Apostila De HtmlWanderlei
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest6aa5a1b
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest975dcd
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest6aa5a1b
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLguest1377881
 
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)ElsaValada
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML -  formatação de textoAula 3 – Linguagem HTML -  formatação de texto
Aula 3 – Linguagem HTML - formatação de textoAndré Constantino da Silva
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Jose Augusto Cintra
 
Linguagem de-programacao-html 2
Linguagem de-programacao-html 2Linguagem de-programacao-html 2
Linguagem de-programacao-html 2Simba Samuel
 

Similar to Webdesign Fundamentos HTML (20)

Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptx
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Apostila De Html
Apostila De HtmlApostila De Html
Apostila De Html
 
USAR.pptx
USAR.pptxUSAR.pptx
USAR.pptx
 
HTML - Guia 1 e 2
HTML - Guia 1 e 2HTML - Guia 1 e 2
HTML - Guia 1 e 2
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTMLPequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
 
Apostila de html
Apostila de htmlApostila de html
Apostila de html
 
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
 
02 html - fontes e estilos
02 html  - fontes e estilos02 html  - fontes e estilos
02 html - fontes e estilos
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML -  formatação de textoAula 3 – Linguagem HTML -  formatação de texto
Aula 3 – Linguagem HTML - formatação de texto
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 
Linguagem de-programacao-html 2
Linguagem de-programacao-html 2Linguagem de-programacao-html 2
Linguagem de-programacao-html 2
 
Html manual
Html manualHtml manual
Html manual
 
Html
HtmlHtml
Html
 
Html manual
Html manualHtml manual
Html manual
 

More from IBMR Laureate International Universities

A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasIBMR Laureate International Universities
 

More from IBMR Laureate International Universities (20)

Palestra como_criar_uma_logo_no_illustrator
 Palestra como_criar_uma_logo_no_illustrator Palestra como_criar_uma_logo_no_illustrator
Palestra como_criar_uma_logo_no_illustrator
 
Você está preparado para ser um profissional 3.0?
 Você está preparado para ser um profissional 3.0? Você está preparado para ser um profissional 3.0?
Você está preparado para ser um profissional 3.0?
 
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
 
Aula13 editoracao eletronica
Aula13 editoracao eletronicaAula13 editoracao eletronica
Aula13 editoracao eletronica
 
Aula10 editoracao eletronica
Aula10 editoracao eletronicaAula10 editoracao eletronica
Aula10 editoracao eletronica
 
Aula07 midia digital
Aula07 midia digitalAula07 midia digital
Aula07 midia digital
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula06 midia digital
 
Aula03 editoracao eletronica
Aula03 editoracao eletronicaAula03 editoracao eletronica
Aula03 editoracao eletronica
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula05 midia digital
 
Aula04 midia digital
Aula04 midia digitalAula04 midia digital
Aula04 midia digital
 
Aula02 editoracao eletronica
Aula02 editoracao eletronicaAula02 editoracao eletronica
Aula02 editoracao eletronica
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula03 midia digital
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula02 midia digital
 
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 midia digital
 
Aula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias DigitaisAula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias Digitais
 
Aula05 prod grafica
Aula05 prod graficaAula05 prod grafica
Aula05 prod grafica
 
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula06 webdesign
 
Aula05 webdesign
Aula05 webdesignAula05 webdesign
Aula05 webdesign
 
Aula04 prod grafica
Aula04 prod graficaAula04 prod grafica
Aula04 prod grafica
 

Webdesign Fundamentos HTML

  • 1. 1 WEBDESIGN – AULA 01 - UNIDADE I - FUNDAMENTOS PARA A CONCEPÇÃO E CRIAÇÃO DE CONTEÚDO EM AMBIENTE WEB Revisão HTML - Parte 1
  • 2. HTML (REVISÃO) 2  HTML (HYPER TEXT MARKUP LANGUAGE)  É uma linguagem de marcação para a elaboração de sites na Web.  Os comandos são chamados de TAGS Ex: <nome_do_tag atributo="valor">  ...  </nome_do_tag>
  • 3. HTML (REVISÃO) 3  ESTRUTURA BÁSICA DE UMA PÁGINA <HMTL> <HEAD> <TITLE></TITLE> </HEAD> <BODY> .... </BODY> </HTML>
  • 4. HTML (REVISÃO) 4  TAGS BÁSICOS: <H1> a <H6> <BR> <P> <B> <I> <U> <S>
  • 5. HTML (REVISÃO) 5  TAGS Heading já vem devidamente pré- formatadas. A diferença será o tamanho da letra. O <H1> apresenta com maior tamanho e o último nível <H6> com menor tamanho de letra. Ex: <H1>...</H1> <H2>...</H2> <H3>...</H3> <H4>...</H4> <H5>...</H5> <H6>...</H6>
  • 6. HTML (REVISÃO) 6 QUEBRAS DE LINHAS:  <BR> O texto pulará 1 linha. Caso queira pular mais de 2 linhas basta incluir o número de <BR> correspondentes. Ex: ...<BR>  <P> TAG parágrafo, permite SOMENTE pular 2 linhas. Ex: ....<P>
  • 7. HTML (REVISÃO) 7  FORMATANDO TEXTO: <B> Permite com que os textos fiquem na formatação em negrito Ex: <B> .... </B>
  • 8. HTML (REVISÃO) 8  FORMATANDO TEXTO: <I> Permite com que os textos fiquem na formatação itálico. Ex: <I> .... </I>
  • 9. HTML (REVISÃO) 9  FORMATANDO TEXTO: <U> Permite sublinhar os textos. Ex: <U> .... </U>
  • 10. HTML (REVISÃO) 10  FORMATANDO TEXTO: <S> Permite com cortar o texto no meio com uma linha. Ex: <S> .... </S>
  • 11. Fontes utilizadas 11  http://www.maujor.com.br  http://www.w3schools.com
  • 12. OBRIGADO! 12  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com