Fábio Borges de Oliveira. HTML HyperText Markup Language

Tamanho: px

Começar a partir da página:

Download "Fábio Borges de Oliveira. HTML HyperText Markup Language"

Tânia Martinho
4 Há anos
Visualizações:

1 Fábio Borges de Oliveira HTML HyperText Markup Language

2 <pre> linha 1 <li> ítem 1 </li> linha 2 linha 3 linha 4 Pré-formatação linha 5 </pre>

3 Imagens <img src=imagens/espanta-vírus.jpg width=350 height=125 border=0 galery=no> src: qual imagem (.gif,.jpg,.jpeg,.png,.bmp) width: largura da imagem (em pixels) height: altura da imagem (em pixels) border: espessura da borda, aparece quando a imagem está dentro da tag <a> </a> galery: "no" indica (ao IE6+) para que não mostre o menu de opções quando o mouse estiver sobre um imagem <a href= <img src=logo.gif> </a>

4 Link <a href= endereço do link > texto link </a> <a href=about:blank> texto link </a> <a name=voltar></a> <a href=#voltar>voltar</a> <a href=endereço target=nome_qualquer> texto do link </a> <a href=endereço target=_blank>texto do link </a> <img border="5" vspace="3" hspace="1" height="398" width="300" alt="texto substituto" title="descrição de imagem" src="logo.gif">

5 <a Link Mail úvida%20na%2 página&body=olá%20esto u%20com%20dúvida%20na%20página%2 0de%20cadastro.%20Por%20favor,%20v erificar."> Envie um !</a>

6 Mapeando <img src="/images/planets.gif" width="145" height="126" usemap="#planetmap"> <map id="planetmap" name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="sun" href="sun.htm"> <area shape="circle" coords="124,58,8" alt="venus" href="venus.htm"> </map>

7 Mapeand toda a imagem <a href="página_ismap.htm"> <img src="/images/planets.gif" ismap width="146" height="126"> </a> Se shape="poly" então coords="x1,y1,x2,y2,..,xn,yn"

8 Padrão dos links <body bgcolor=color> texto de fundo <body text=color> link ativo <body alink=color> link visitado

9 Som <embed width="118" height="45" src= SOM.mid > width largura do player height altura do player src local relativo ou absoluto do arquivo (.mid,.wav,.mp3,.wma,.mov,.mpeg,.swf) autostart se true, o arquivo é inicializado automatimente, se false ficará em modo parado showstatusbar se 1 exibe o status do arquivo de midia, se 0 oculta as informações showdisplay se 1 exibe informações sobre o arquivo de midia, se 0 oculta as informações

10 Vídeo width largura do player height altura do player FileName local relativo ou absoluto do arquivo (.mid,.wav,.mp3,.wma,.mov,.mpeg,.asx) src idem a FileName standby texto exibido enquanto o buffer do arquivo de midia é carregado type tipo de aplicação TransparentAtStart se true a tela de exibição do video fica em modo transparente ao iniciar o aplicativo, se false a tela é exibida. Para a tag <embed> os valores são 0 ou 1.

11 Vídeo cont. autostart se true, o arquivo é inicializado automatimente, se false ficará em modo parado showstatusbar se 1 exibe o status do arquivo de midia, se 0 oculta as informações showdisplay se 1 exibe informações sobre o arquivo de mídia, se 0 oculta as informações autosize se 1 os valores de width e height serão ignorados. codebase local de onde o mídia player será baixado para auto instalação, caso o usuário não o tenha instalado pluginspage idem ao codebase

12 Exemplo <object codebase=" ub/shockwave/cabs/flash/swflash.cab#version =6,0,29,0" width="240" height="180"> <param name="movie value=" os.swf"><param name="quality" value="high"> <embed src=" quality="high" pluginspage=" etflashplayer" type="application/x-shockwaveflash" width="240" height="180"></embed> </object>

13 <table> <tr> <td> Célula 1 </td> <td> Célula 2 </td> <tr> <td> Célula 3 </td> <td> Célula 4 </td> </table> Tabelas

14 Tabela 2 <table border=1 width=500 height=300> <tr> <td align=left valign=top > Célula 1 </td> <td align=center valign=top > Célula 2 </td> <tr> <td valign=bottom> Célula 3 </td> <td align=right> Célula 4 </td> </table>

15 <table border=1> Tabela 3 <tr> <td rowspan=2> Mesclado </td> <td> Cell </td> <tr> <td align=center> cell </td> </table>

16 Tabela 4 <table bgcolor= border=1 bordercolor=ff0000 cellspacing=0 cellpadding=0> <tr bordercolor=ffffff> <td align=center> <font face=verdana size=5 color=ffffff> Cell </font> </td> </table>

17 Tabela 5 <table width=230 height=200 border=1 style="background-repeat:no-repeat;"> <tr> <td background=imagens/susto.jpg> Cell 1 </td> <td> Cell 2 </td> <td background=imagens/susto.gif> conteúdo a exibir </td> </table>

18 Tabela 6 <table width=100 height=120 border=1> <tr> <td> texto dentro de uma tabela normal com valor padrão WRAP </td> </table>

19 Tabela 7 <table width=100 height=120 border=1> <caption align=bottom> Tabela 5</caption> <tr> <td nowrap> texto dentro de uma tabela normal com valor padrão WRAP </td> </table>

20 Tabela 8 <tr> <td colspan=2 rowspan=2></td> <th colspan=2 align=center>preferencia</th> <tr> <th>lavar</th> <th>passar</th> <tr align=center> <th rowspan=2>sexo</th> <th>m</th> <td>61%</td> <td>39%</td> <tr align=center> <th>f</th> <td>23%</td> <td>77%</td>

21 frame="border" frame="box" frame="void" frame="above" frame="below" frame="hsides" frame="vsides" frame="lhs" frame="rhs" Bordas da tabela

22 Tabela de Símbolos

Documentos relacionados

Multimídia. Inserindo som com EMBED e BGSOUBD

Multimídia. Inserindo som com EMBED e BGSOUBD Multimídia Inserindo som com EMBED e BGSOUBD Para inserir som na sua página é utilizado a Tag (recomandável) suportado pelos navegadores Mozilla Firefox e Internet Explorer e o comando