Algumas TAGS

HTML
Um documento HTML constitudo por um conjunto de TAGS (ex. html, head, body, etc.).
Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o documento com a extenso: (.html)
O documento tem que ser constitudo obrigatoriamente com a seguinte estrutura inicial:
<html> [Inicio do documento HTML] <head>[Inicio do cabealho do documento HTML] </head>[Fim do documento HTML] <body>[Inicio do corpo(Contedo) da pgina html] </body>[Fim do corpo(Contedo) da pgina html] </html>[Fim do documento HTML] No cabealho, entre outras Tags, existe o ttulo (TAG- <title>). Exemplo: <title> Ttulo da pgina de Internet </title> NOTA: No esquecer que a Tag <title> tem que estar dentro da Tag <head>.
Pgina 1 de 10
BODY
Vamos agora dar exemplos de vrias Tags que podes existir no BODY: Pargrafo Tag 
Exemplo: Aqui podemos escrever o contedo de um qualquer pargrafo. Negrito Bold Tag 
Exemplo: Aqui podemos escrever o contedo a bold/negrito de um qualquer pargrafo. Itlico Tag 
Exemplo: Aqui podemos escrever o contedo a itlico de um qualquer pargrafo. Sublinhado -Underline Tag 
Exemplo: Aqui podemos escrever o contedo Sublinado de um qualquer pargrafo. Centrado Tag <center></center>
Exemplo: <center>Aqui podemos escrever o contedo centrado de um pargrafo</center>. Riscado - Strike Tag <s></s>
Exemplo: <s>Aqui podemos escrever o contedo riscado de um pargrafo</s>. Nvel Inferior Tag 
Exemplo: Nvel Inferior. Nvel Superior Tag 
Exemplo: Nvel Superior
Pgina 2 de 10
FONT FONTE Tag 
Na Tag Font existem 3 atributos: FACE Tipo de Letra; SIZE Tamanho e COLOR Cor. Exemplos: Fonte Times New Roman Fonte Arial Fonte Courier New 
 A palavra ter o tamanho 3 A palavra ter a cor vermelha 
Tambm podemos combinar os atributos: Palavra com tamanho 3 e em vermelho 
ALINHAMENTO DO PAGGRAFO Tag - 
A opo: LEFT Esquerda; RIGHT Direita; CENTER Centrado; JUSTIFY Justificado. EXEMPLOS: Alinhamento ESQUERDA-LEFT Alinhamento DIREITA-RIGHT Alinhamento CENTRADO-CENTER JUSTIFICADO - JUSTIFY
Pgina 3 de 10
Exemplo de uma pgina: Cdigo:

<html> <head> <title>MEO TELEMOVL!!!</title> </head> <body> Tipo de Letra Tipo de Letra Tipo de Letra Negrito-Tag B, Sublinhado-Tag U, Itlico-Tag I e Centralizado-Center Bold-Negrito Itlico UnderLine-Sublinhado <center>Centrado</center> <s>Riscado-Strike</s> H2O-gua -SUB-Nvel Inferior 5 metros quadrados 5m2 -SUP-Nvel Superior Alinhamento ESQUERDA-LEFT Alinhamento DIREITA-RIGHT Alinhamento CENTRADO-CENTER JUSTIFICADO - JUSTIFY </body> </html>
Pgina 4 de 10
RESULTADO: (VER Pgina Seguinte.)
 - Quando se introduz esta marca, resulta numa quebra de linha(break). . Qualquer texto introduzido depois desta marca, aparecer na linha imediatamente a seguir ao texto anterior. Tambm no necessita de ser fechada.
LINKS Ligao - Hyperligao

TAG - <a href=http://moodle.esec-sra-hora.net/> Moodle da ESSH </a> TAG - <a href=mailto:MEUMAIL@MAIL.PT> Manda-me 1 MAIL </a>
IMAGENS
Imagem de FUNDO: <body background=NomedaImagem.***></body> Cor de FUNDO: <body bgcolor=COR></body> Imagem: <img scr=NomeFoto.*** height=?? width=?? Border=?? Alt=Comentrio>
Pgina 5 de 10
Onde SRC corresponde ao nome do ficheiro; height Altura; width-Largura; Border Borda e ALT um comentrio.
TABELAS
Exemplo: <table width = 500 border=9> <th colspan=2>Tabelas</th> <tr> <td>clula 1-1</td> <td>clula 1-2</td> </tr> <tr> <td colspan=2 align=center bgcolor=blue>Linha 2 nica</td> </tr> <tr> <td>Homens</td> <td rowspan=2>Duas clulas</td> </tr> <tr> <td>Mulheres</td> </tr>
</table>
Pgina 6 de 10
Uma tabela tem sempre as TAGS - <table></table> Pode-se reservar a 1 linha da tabela para o ttulo. Para tal, utiliza-se a TAG <th>Ttulo</th>. Tambm se pode definir o n de colunas que a nossa tabela ter, para tal, utiliza-se o atributo colspan. O mesmo se aplica para as linhas; rowspan. As linhas so compostas pela TAG - <tr></tr>. As colunas so compostas pela TAG <td></td> Outros Exemplos: Cdigo:
<table border="1"> <tr> <td colspan="3">Clula 1</td> </tr> <tr> <td>Clula 2</td> <td>Clula 3</td> <td>Clula 4</td> </tr> </table> <table border="1"> <tr> <td colspan="2">Clula 1</td> <td>Clula 2</td> </tr> <tr> <td>Clula 3</td> <td>Clula 4</td> <td>Clula 5</td> </tr> </table> <table border="1"> <tr> <td rowspan="3">Clula 1</td> <td>Clula 2</td> </tr> <tr> <td>Clula 3</td> </tr> <tr> <td>Clula 4</td> </tr> </table>
Visualizao
Pgina 7 de 10
MARCAS E NUMERAO
Seguidamente vamos colocar marcas e numeraes como exemplo e respectivas Tags/cdigo. Cdigo:
<ul type=square> <li>Opo 1</li> <li>Opo 2</li> <li>Opo 3</li> <li></li> </ul> <ul type=disc> <li>Opo 1</li> <li>Opo 2</li> <li>Opo 3</li> <li></li> </ul> <ul type=circle> <li>Opo 1</li> <li>Opo 2</li> <li>Opo 3</li> <li></li> </ul> <ol type=1> <li>Opo 1</li> <li>Opo 2</li> <li>Opo 3</li> <li></li> </ol> <ol type=i> <li>Opo 1</li> <li>Opo 2</li> <li>Opo 3</li> <li></li> </ol>
Visualizao
Outras TAGS: <hr> - Linha Horizontal. EXEMPLO: <hr color=blue size=10>
Pgina 8 de 10
CORES:
Pgina 9 de 10
Pgina 10 de 10

Algumas TAGS

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Algumas TAGS

Enviado por

Direitos autorais:

Formatos disponíveis

HTML

Exemplo: <sub>Nvel Inferior</sub>. Nvel Superior Tag <sup></sup>

Exemplo: <sub>Nvel Superior</sub>

FONT FONTE Tag <font></font>

ALINHAMENTO DO PAGGRAFO Tag - <p ALIGN=OPO></p>

Exemplo de uma pgina: Cdigo:

RESULTADO: (VER Pgina Seguinte.)

LINKS Ligao - Hyperligao

Outras TAGS: <hr> - Linha Horizontal. EXEMPLO: <hr color=blue size=10>

Você também pode gostar