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

Aula01 webdesign

  • 1.
    1 WEBDESIGN – AULA01 - 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