Scribd Logo
Upload

Welcome to Scribd!

  • Introdução À HTML

    Uploaded by

    Bruno Ricelli
    8 views14 pages
    Apostila em POwerPOint de Introdução a HTML, Linguagem usada em Sites

    Original Title

    Introdução à HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Apostila em POwerPOint de Introdução a HTML, Linguagem usada em Sites

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views14 pages

    Introdução À HTML

    Uploaded by

    Bruno Ricelli
    Apostila em POwerPOint de Introdução a HTML, Linguagem usada em Sites

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 14

    Colgio Estadual Polivalente de Itamaraju

    INTRODUO HTML
    Curso: Programao e Desenvolvimento Web
    Disciplina: Programador Web

    Prof. Ricelli
    apostilas.wikidot.com/hipermidia

    O que HTML?

    O Hypertext Markup Language(HTML) uma linguagem


    de formatao e no de programao. Essa linguagem
    tem a funo de enviar para o navegador (Internet
    Explorer, Firefox, Chrome, etc.), informaes que
    definem de que maneira textos, imagens e outros itens
    devero aparecer na tela.
    Essas informaes so chamadas tags(etiquetas) e
    esto inseridas nos documentos originais (documentofonte) que criaram as pginas. Essas tags normalmente
    aparecem em pares, iniciando e encerrando um bloco.
    Existem quatro tags bsicas so elas:
    <html></html>,<head></head>,<title></title>, <body></body>

    O que HTML?

    Linguagem de marcao que descreve a


    estrutura, o contedo e a apresentao de
    um documento e sua relao com outros
    documentos
    Podemos apresentar uma informao e vinculla a outros recursos: texto, udio, vdeo,
    grficos, etc.
    Permite que vrias informaes sejam exibidas
    de forma simultnea

    O que HTML?

    Tags

    Elementos que compe a estrutura de um


    documento HTML

    Uma tag sempre est entre os caracteres: < e >


    Na maioria das vezes, uma tag possui uma tag de
    fechamento

    Elementos de marcao que definiro como os


    navegadores exibiro as informaes contidas nas pginas
    do stio

    Exemplo: <body> ... </body>

    Podem possuir atributos, que definem suas


    caractersticas ou propriedades

    Elementos

    <html> ... </html>

    Indicam, respectivamente, o incio e o fim do


    documento

    <head> ... </head>

    Seo do cabealho, definies lgicas


    sobre o documento (identificao,
    catalogao, ttulo, vnculos, etc.)
    <title> ... </title>:

    Exemplo1

    <HTML>
    <HEAD>

    <TITLE>Minha Pgina</TITLE>

    </HEAD>

    </HTML>

    Elementos

    <body> ... </body>

    <h*> ... </h*>

    Definio de todo o contedo do documento que


    ser exibido pelos navegadores
    Identificao dos 6 nveis de ttulos diferentes em um
    documento (* = 1, 2, 3, 4, 5, ou 6)

    <p> ... </p>

    Definem um bloco de texto como um pargrafo

    Exemplo 2

    <body>
    <h1>Bem Vindo!!!</h1>
    Essa minha primeira pgina
    <p>O que voc achou dela?</p>
    </body>

    Elementos do corpo

    <em> ... </em>

    <strong> ... </strong>

    Enfatizam o texto em negrito


    equivalente a <b>...</b>

    <br>

    Enfatizam o texto em itlico


    equivalente a <i>...</i>

    insere uma quebra na linha do pargrafo


    utilizado para pular linhas

    <hr>

    insere uma linha horizontal no pargrafo

    Exemplo 3

    <body>
    <h1>Bem Vindo!!!</h1>
    <strong>Essa</strong> minha
    <em>primeira</em> pgina
    <p>O que <i>voc</i> <b>achou</b>
    dela?</p>
    <hr>

    Ligaes e Imagens

    <a href=" endereo do link"> Nome do


    link</a>

    insere um link
    href representa o endereo

    <img src="nome da imagem"


    width="largura" height="altura">

    insere uma imagem


    src representa o nome do arquivo
    width a largura em pixels
    height altura em pixels

    Exemplo 4

    <p>Conhea minha pginas


    favoritas</p>
    <a href="http://html-colorcodes.com/">Cores para Web</a>
    <br>
    <a
    href="http://apostilas.wikidot.com/hiperm
    idia">Tecnologia Hipermdia</a>

    Exemplo 5

    <hr>
    <p>Minhas imagens</p>
    <img src="PC.jpg" width="200"
    height="150">

    You might also like