• TAG <!--...--> HTML

    Definições de uso: Um comentário será ignorada pelo browser. Você pode usar os comentários para explicar seu código, que pode ajudá-lo quando você editar o código-fonte em uma data posterior. Você também pode armazenar informações específicas do programa dentro de comentários. Neste caso, eles não serão visíveis para o usuário, mas ainda assim fica diponível no código fonte e pode ser visualizado na internet, use ...
    Mais

HTML

TAG <!–…–> HTML

25/08/09

Escrito por Michel Lopes em HTML | 111 visualizações

Nenhum comentário

1

<!-- Isto é um comentário HTML. Comentários não são exibidos no navegador -->

Definições de uso:

Um comentário será ignorada pelo browser. Você pode usar os comentários para explicar seu código, que pode ajudá-lo quando você editar o código-fonte em uma data posterior.


Você também pode armazenar informações específicas do programa dentro de comentários. Neste caso, eles não serão visíveis para o usuário, mas ainda assim fica diponível no código fonte e pode ser visualizado na internet, use com cuidado, não armazene dados importantes.


Uma boa prática é colocar scripts e style dentro das tags de comentário, isso evita que navegadores mais antigos que não suportam essa codificação exiba como texto simples.


Boa prática:

1
2
3
4
5
6

<script type="text/javascript">
<!--
funtion{
   codigo
}
--></script>
1
2
3
4
5
6

<!--
minhaclass
{
align:"right";
}
-->

No exemplo acima, em caso de o navegador do usuário não suportar scripts ou css não haverá problema pois o conteudo está dentro de uma tag html.

Post to Twitter Tweet This Post

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
,

TAG <table> – HTML

24/08/09

Escrito por Michel Lopes em HTML | 298 visualizações

Nenhum comentário

Exemplo:

A simple HTML table, containing two columns and two rows: A tabela HTML simples, contendo duas colunas e duas linhas:

1
2
3
4
5
6
7
8
9
10
11
12

<table border="1">
<tbody>
<tr>
<th>Nome</th>
<th>Aniversário</th>
</tr>
<tr>
<td>João</td>
<td>02/05</td>
</tr>
</tbody>
</table>

Saida:

Nome Aniversário
João 02/05



Descrição e Uso:

A tag table por si só não é o suficiente para desenhar uma tabela HTML, assim utilizamod 3 outras tags thDefine uma célula de cabeçalho em uma tabela HTML, no exemplo acima as celulas Nome e Aniversário são do tipo TH., trDefine uma linha em uma tabela HTML., tdDefine uma célula normal em uma tabela HTML., o encontro de duas dessas tags formam uma célula da tabela.

Tabelas mais complexas podem incluir os elementos caption, col, colgroup, thead, tfoot, and tbody


Diferenças entre HTML e XHTML

O atributo “align” e “bgcolor” não são mais utilizados em HTML 4.01, e não são suportados  XHTML 1.0.


Atributos Opcionais

Atributo

Valor

Descrição

align

left
center
right

Especifica o alinhamento de uma tabela. Esse atributo não é mais utilizado. Use estilo (style) ao invés desse.

bgcolor

rgb(x,x,x)
#xxxxxx
colorname

Especifica cor de fundo da tabela
Esse atributo não é mais utilizado. Use estilo (style) ao invés desses.

border

pixels

Especifica a largura da borda da tabela.

cellpadding

pixels

Especifica as margens da célula.

cellspacing

pixels

Especifica o espaço entre uma célula e outra

frame

void
above
below
hsides
lhs
rhs
vsides
box
border

Especifica as bordas externas da tabela serão exibidas.

rules

none
groups
rows
cols
all

Especifica as bordas interna da tabela serão exibidas.

summary

text

Especifica o sumário da tabela.

width

pixels
%

Especifica a largura da tabela.



Atributos padrão:

Atributo

Valor

Descrição

class

classname

Especifica uma classe de Style  para o elemento.

dir

rtl
ltr

Especifica a direção de leitura do texto

id

id

Especifica uma identificação única para o elemento

lang

language_code

Especifica um código de linguagem para o conteúdo de um elemento.

style

style_definition

Utilizado para criar Style em linha.

title

text

Especifica um texto de explicação para o elemento.

xml:lang

language_code

Especifica um código de linguagem para o conteúdo de um elemento, em documentos XHTML

Atributos de Evento

Atributo

Valor

Descrição

onclick

script

Script para ser executado em um clique do mouse

ondblclick

script

Script para ser executado em um duplo-clique do mouse

onmousedown

script

Script para ser executado quando o botão do mouse é pressionado

onmousemove

script

Script para ser executado quando o ponteiro do mouse se move

onmouseout

script

Script para ser executado quando o ponteiro do mouse se move para fora de um elemento

onmouseover

script

Script para ser executado quando o ponteiro do mouse move sobre um elemento

onmouseup

script

Script para ser executado quando o botão do mouse é liberado

onkeydown

script

Script a ser executado quando uma tecla é pressionada

onkeypress

script

Script a ser executado quando uma tecla é pressionada e liberada

onkeyup

script

Script a ser executado quando uma tecla é liberada



Fonte: www.w3schools.com

Post to Twitter Tweet This Post

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading ... Loading ...
, ,
12