Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML - Introdução

    Diunggah oleh

    Tamara Eloi
    22 tayangan20 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PPT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    22 tayangan20 halaman

    HTML - Introdução

    Diunggah oleh

    Tamara Eloi

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 20

    Prof Thyago Maia

    Tecnologias para Internet

    Aula 2

    Sumrio

    Camada de Apresentao

    Introduo ao HTML

    Introduo ao HTML

    HTML: Hypertext Markup Language, ou Linguagem de marcao de hipertexto;


    Trata-se de uma linguagem de marcao, utilizada na descrio de pginas Web;

    No uma linguagem de programao!!!!


    Uma linguagem de marcao composta por uma srie de TAGs de marcao;

    No case sensitive;

    Introduo ao HTML

    Tags HTML

    So palavras chave, digitadas entre < e >, como em <html>;


    Normalmente so utilizadas em pares, como em <b> Texto em Negrito </b>, onde...

    <b> : Tag de abertura; </b>: Tag de fechamento;

    Introduo ao HTML

    Documentos HTML = Pginas Web


    Documentos HTML descrevem pginas Web; Documentos HTML contm tags HTML e texto;

    Navegadores (Browsers)

    Lem documentos HTML, apresentando-os como pginas Web;


    No apresentam as tags HTML...

    Usam as tags para interpretar o contedo de uma pgina Web;

    Introduo ao HTML

    Corpo (simples) de uma pgina HTML:


    <html> <body> <h1>Meu primeiro ttulo</h1> <p>Meu primeiro ttulo</p> </body> </html>

    Onde:

    O texto entre <html> e </html> descreve a pgina Web; O texto entre <body> e </body> o contedo visvel da pgina; O texto entre <h1> e </h1> apresentado como um ttulo; O texto entre <p> e </p> apresentado como um pargrafo;

    Introduo ao HTML

    Do que eu preciso para escrever e documentos HTML?

    Um editor de texto (apenas!!) ...


    Bloco de notas; Word Pad; Notepad++; Gedit (Linux); Entre outros; Firefox, IE, Chrome...

    Um navegador Web

    Introduo ao HTML

    Como salvar um documento HTML?

    Todo documento HTML dever ser salvo com a extenso .htm ou .html;

    Introduo ao HTML

    Tags de Ttulo

    So definidas atravs das tags <hx> e </hx>, onde o x define o nvel do ttulo, atravs de um nmero de 1 a 6; Exemplos:
    <html> <body> <h1>Ttulo da pgina</h1> <h2>Subttulo</h2> <h3>Subttulo do subttulo</h3> </body> </html>

    Introduo ao HTML

    Tag de Pargrafo

    definida atravs das tags <p> e </p>; Exemplos:


    <html> <body> <p>Sport Club do Recife</p> <p>Campeo Brasileiro de 87</p> <p>Campeo da Copa do Brasil de 2008</p> </body> </html>

    Introduo ao HTML

    Tag de Link

    definida atravs das tags <a> e </a>; Exemplos:


    <html> <body> <a href=http://www.sportrecife.com.br> Ir para o site do Sport Club do Recife </a> </body> </html>

    Introduo ao HTML

    Tag de Imagem

    definida atravs das tag <img>; Exemplos:


    <html> <body> <img src=bandeira.jpg width=104 height=142 /> </body> </html>

    Introduo ao HTML

    Elementos HTML

    Um elemento HTML o conjunto formado por uma tag de abertura, uma tag de fechamento e seu contedo (o que estiver entre as tags);
    <html> <body> <a href=http://www.sportrecife.com.br> Ir para o site do Sport Club do Recife </a>

    </body> </html>

    Um elemento HTML

    Introduo ao HTML

    Sintaxe dos elementos HTML

    Um elemento HTML comea com uma tag de abertura e termina com uma tag de fechamento; O contedo de um elemento HTML tudo aquilo que est entre tags; Vrios elementos HTML no tem contedo (como a tag de imagem); Elementos sem contedo so fechados na prpria tag de abertura (como na tag de imagem);

    Vrios elementos HTML podem ter atributos (como na tag de imagem e de link);

    Introduo ao HTML

    Aninhamento de elementos HTML

    Alguns elementos HTML podem ser aninhados, isto , podemos inserir elementos HTML como contedo de outros elementos;
    <html> <body> <p>Sport Club do Recife</p> <p><img src=fig.jpg widht=200 height=10 /></p> <p><b>O melhor do Nordeste</b></p>

    </body> </html>

    Introduo ao HTML

    Atributos HTML

    Atributos fornecem informaes adicionais aos elementos HTML; Elementos HTML podem ou no ter atributos; Atributos so sempre especificados nas tags de abertura; Atributos so formados pelo seguinte conjunto: nome=valor Valores de atributos sempre devem estar delimitados por aspas duplas ou simples;

    Introduo ao HTML

    Exemplo de atributo HTML

    Links HTML so definidos pela tag <a>. O endereo do link especificado pelo atributo href;
    <html> <body> <a href=http://www.sportrecife.com.br> Ir para o site do Sport Club do Recife </a>

    </body> </html>

    Introduo ao HTML

    Linhas HTML

    A tag <hr/> cria uma linha horizontal em uma pgina HTML, podendo ser usada para separar contedo; Exemplo:
    <html> <body> <p>Sport Club do Recife</p> <hr/> <p>Campeo de 87!!!</p> </body> </html>

    Introduo ao HTML

    Comentrios HTML

    Comentrios podem ser inseridos em um cdigo HTML para torn-lo mais legvel e compreensvel; So ignorados pelo navegador e no so apresentados;
    <html> <body>

    <!-- Isto um comentrio --> <p>Pargrafo</p>


    </body> </html>

    Introduo ao HTML

    Quebras de Linha HTML

    Use a tag <br/> caso deseje pular uma linha em um documento HTML; Exemplo:
    <html> <body> Pargrafo <br/> Pargrafo </body> </html>

    Anda mungkin juga menyukai