Scribd Logo
Upload

Welcome to Scribd!

  • Codigos em HTML

    Uploaded by

    Raiane Moitinho
    16 views27 pages

    Original Title

    Codigos Em HTML

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views27 pages

    Codigos em HTML

    Uploaded by

    Raiane Moitinho

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 27

    LOGO

    Conhecendo Pginas em html


    Professoramv@yahoo.com.br

    O que aprenderemos hoje

    O que HTML O que so TAGS Visualizando o documento em HTML Principais TAGS

    O que HTML?
    HTML uma linguagem de marcao de hipertexto. H - Hiper T- Texto M - Marcao L Linguagem (Linguagem de marcao de HiperTexto)

    Por onde comear?


    HTML pode ser feito em qualquer editor de texto, at mesmo o simples Bloco de Notas: Clique em: Boto Iniciar > Executar > NotePad Windows+R: NotePad

    TAGS
    Tag uma palavra-chave (comando) que define um item (imagens, texto, hyperLink, etc.) que ir fazer parte da pgina. As tags so identificadas por estarem entre os sinais < > e < />

    Tags
    <Comando>
    Seu Texto

    </Comando>

    Ex.:

    <H1> Hoje Ter Prova valendo 100 Pontos! < /h1>

    Tags
    Resultado:

    Tags - Principais
    <HTML> </HTML> Marca o incio e o fim do documento <HEAD> </HEAD> Marca o incio e o fim do Cabealho <TITLE> </TITLE> Mostra o ttulo na barra de ttulo <BODY> </BODY> Determina o que vai ser o corpo do programa.

    Tags - Principais
    <HTML> <HEAD> <TITLE> Minha primeira Pgina HEHEHE </TITLE> </HEAD> <BODY> Sejam bem vindo ao mundo HTML, Apertem os cintos pois agora viajaremos em uma nova diretriz! </BODY> </HTML>

    Tags - Principais

    Tags - Principais

    Exemplo.html

    Tags - Principais

    Tags - Principais
    <HTML> <HEAD> <TITLE> Minha primeira Pgina HEHEHE </TITLE> </HEAD>

    Tags - Principais
    <BODY> Sejam bem vindo ao mundo HTML, Apertem os cintos pois agora viajaremos em uma nova diretriz! </BODY> </HTML>

    Tags - Principais
    ... <BODY> <H1> Cabealho de tamanho 1 </H1> <H2> Cabealho de tamanho 2 </H2> <H3> Cabealho de tamanho 3 </H3> <H6> Cabealho de tamanho 6</H6> </BODY>

    <H1> Cabealho <H2> Cabealho <H3> Cabealho <H6> Cabealho

    de tamanho 1 de tamanho 2 de tamanho 3 de tamanho 6

    TAG Pargrafo <P>


    <HTML> <HEAD> <TITLE> Minha primeira Pgina HEHEHE </TITLE> </HEAD> <BODY> Sejam bem vindo ao mundo HTML, <P>Apertem os cintos pois agora viajaremos <P>em uma nova <P>diretriz! </BODY> </HTML>

    TAG Pargrafo <P>

    TAG Quebra de linha <BR>


    <HTML> <HEAD> <TITLE> Minha primeira Pgina HEHEHE </TITLE> </HEAD> <BODY> Sejam bem vindo ao mundo HTML, <BR>Apertem os cintos pois agora viajaremos <BR>em uma nova <BR>diretriz! </BODY> </HTML>

    TAG Quebra de linha <BR>

    Vejamos algumas Tags de Formatao

    <b> negrito </b> <i> itlico </i> <u> sublinhado </u> <small> reduz e altera a fonte </small> <big> Aumenta a fonte e aplica negrito </big> Sobrescrito <sup> </sup> <sub> Subscrito </sub>

    TAG - QUEBRA DE LINHA <BR>

    O comando <br> faz uma quebra de linha. Este comando tambm insere uma linha em branco no seu local ou na linha seguinte qual ele foi inserido

    <HTML> <HEAD> <TITLE> Minha primeira pgina HTML </TITLE> </HEAD> <BODY> Quando um comando <BR> inserido em um local do programa, o browser ir<BR> fazer uma quebra de linha, <BR> posiciona-se na linha seguinte ao comando.<BR> </BODY> </HTML>

    Formatao

    Sintaxe

    Funo

    NEGRITO ITLICO SUBLINHADO

    <b>texto</b> <I>texto</I> <u>texto</u>

    Aplica o estilo negrito Aplica o estilo itlico Aplica um sublinhado

    SMALL

    <small>texto</small>

    Reduz e altera a fonte

    BIG

    <big>texto</big>

    Aumenta a fonte e aplica negrito

    SOBRESCRITO

    <sup>texto>/sup>

    Eleva o texto e diminui seu corpo

    SUBSCRITO

    <sub>texto</sub>

    Rebaixa o texto e diminui seu corpo

    You might also like