aula 2 - iniciação ao html · figura:codigo html equipe instrutor do departamento de inform atica...
Post on 07-Jun-2020
0 Views
Preview:
TRANSCRIPT
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
top related