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

Mais conteúdo relacionado

PDF
Html aula 1
DOCX
Html básico
DOCX
PDF
Aula 2 - Conceitos básicos
PPT
Aula1web html
PDF
FIS146 - Informática Aplicada a Fı́sica
Html aula 1
Html básico
Aula 2 - Conceitos básicos
Aula1web html
FIS146 - Informática Aplicada a Fı́sica

Mais procurados (19)

PDF
HTML Formatando Textos
PDF
Manual HTML
PDF
DOC
Html
PDF
Curso html
PDF
Css tutorial
PDF
PDF
HTML Principios Básicos
PDF
Apoio1020 apostila html
PPTX
Aplicativo aula04
PDF
Apostila html,xhtml e css
DOC
Html completo
PDF
Exerciciohtml2
PPTX
O que é html
PPTX
Introducao ao html
ZIP
426 curso html
PDF
PDF
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
HTML Formatando Textos
Manual HTML
Html
Curso html
Css tutorial
HTML Principios Básicos
Apoio1020 apostila html
Aplicativo aula04
Apostila html,xhtml e css
Html completo
Exerciciohtml2
O que é html
Introducao ao html
426 curso html
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Anúncio

Destaque (20)

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

Semelhante a Aula01 webdesign (20)

PPTX
Apresentação1.pptx
PPTX
PDF
Apostila html,xhtml e css
PPSX
Aula 3 - HTML
PDF
Minicurso de HTML básico - Atualizado para HTML5
PDF
Pequeno resumo de comandos HTML
PDF
Pequeno resumo de comandos HTML
PPT
1ª aula php
PDF
Pequeno resumo de comandos HTML
PDF
Pequeno resumo de comandos HTML
PPT
HTML e Hipertexto
PDF
Apostila html,xhtml e css
PDF
Apostila html,xhtml e css
PDF
2 html,xhtml e css
PDF
Web design
PPTX
Desenvolvimento sites html
PDF
Curso HTML e CSS Part1
PDF
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
PDF
Html 01
PDF
Tutorial html
Apresentação1.pptx
Apostila html,xhtml e css
Aula 3 - HTML
Minicurso de HTML básico - Atualizado para HTML5
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
1ª aula php
Pequeno resumo de comandos HTML
Pequeno resumo de comandos HTML
HTML e Hipertexto
Apostila html,xhtml e css
Apostila html,xhtml e css
2 html,xhtml e css
Web design
Desenvolvimento sites html
Curso HTML e CSS Part1
HTML_Manual_CursoBasico.pdf (Hypertext Markup Language)
Html 01
Tutorial html

Mais de IBMR Laureate International Universities (20)

PDF
Palestra como_criar_uma_logo_no_illustrator
PDF
Você está preparado para ser um profissional 3.0?
PDF
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
PDF
Aula13 editoracao eletronica
PDF
Aula10 editoracao eletronica
PDF
Aula03 editoracao eletronica
PDF
Aula02 editoracao eletronica
PDF
Aula01 editoracao eletronica
PPTX
Aula01 - Estudo de Novas Mídias Digitais
Palestra como_criar_uma_logo_no_illustrator
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
Aula13 editoracao eletronica
Aula10 editoracao eletronica
Aula03 editoracao eletronica
Aula02 editoracao eletronica
Aula01 editoracao eletronica
Aula01 - Estudo de Novas Mídias Digitais

Aula01 webdesign

  • 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