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

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

Ja sabemos as TAGs :

<html>: inicio do HTML.

<head>: inicio do cabecalho.

<title>: nome da pagina.

<body>: o que aparece na pagina.

: inicio de um texto.

TAG <H>formatacao de textosAtributosLinkImagemTabela

<Hn>

H: representa o inicio de um cabecalho.

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

Exemplo do uso da TAG <Hn>

Figura: codigo html



Resultado

Figura: codigo html


TAGs <o> <hr /> e 

: texto em negrito.

: texto em italico.

 : pula linha.

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

: letra pequena.



formatacao

Figura: codigo html




Resultado formatacao

Figura: codigo html


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.



Lista

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



Resultado Lista

Figura: codigo html


Link

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



Link

Figura: codigo html




Resultado


Imagem

Estrutura:<img scr=“local da imagem”

Tabela

Estrutura:

<table>: inicia a tabela.

<tr>: inicia uma linha.

<td>: quantidade de celulas na linha.



Tabela




Resultado Tabela

Figura: codigo html



Exercıcios


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

Documents

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