Aula 2 - Iniciação ao HTML · Figura:codigo html Equipe Instrutor do Departamento de Inform atica...

Post on 07-Jun-2020

0 views 0 download

Transcript of Aula 2 - Iniciação ao HTML · Figura:codigo html Equipe Instrutor do Departamento de Inform atica...

TAGs avancadas no Body(corpo)Exercıcios

Aula 2 - Iniciacao ao HTML

Equipe Instrutor do Departamento de Informatica

Universidade Federal do Parana - UFPR

21 de Julho de 2010

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

1 TAGs avancadas no Body(corpo)TAG <H>formatacao de textosAtributosLinkImagemTabela

2 ExercıciosEquipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAGs Avancadas

Ja sabemos as TAGs :

<html>: inicio do HTML.

<head>: inicio do cabecalho.

<title>: nome da pagina.

<body>: o que aparece na pagina.

<p>: inicio de um texto.

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

<Hn>

H: representa o inicio de um cabecalho.

n: representa um numero, que e a de importancia docabecalho.

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Exemplo do uso da TAG <Hn>

Figura: codigo html

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Resultado

Figura: codigo html

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

TAGs <b> <o> <br /> <hr /> e <small>

<b>: texto em negrito.

<i>: texto em italico.

<br />: pula linha.

<hr />: uma linha na linha(um traco).

<small>: letra pequena.

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

formatacao

Figura: codigo html

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Resultado formatacao

Figura: codigo html

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

LISTA TAGs <ul> <ol> e <li>

<ul>: uma lista de itens em pontos.

<ol>: uma lista de itens em numeros.

<li>: itens da lista devem estar entre essa TAG.Esta TAG deve estar entre uma das acima.

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Lista

Figura: codigo htmlEquipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Resultado Lista

Figura: codigo html

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Link

Estrutura:<a href=“site”>o que vai aparecer no link

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Link

Figura: codigo html

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Resultado

Figura: codigo htmlEquipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Imagem

Estrutura:<img scr=“local da imagem”

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Tabela

Estrutura:

<table>: inicia a tabela.

<tr>: inicia uma linha.

<td>: quantidade de celulas na linha.

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Tabela

Figura: codigo htmlEquipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

TAG <H>formatacao de textosAtributosLinkImagemTabela

Resultado Tabela

Figura: codigo html

Equipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML

TAGs avancadas no Body(corpo)Exercıcios

Exercıcios

Figura: codigo htmlEquipe Instrutor do Departamento de Informatica Aula 2 - Iniciacao ao HTML