Listagem de comandos
--------------------------------------------------------------------------------
Título do documento:
escreva aqui o titulo da pagina
Ou seja, escreva
no início do título e para avisar que já terminou o título.
Evite usar acentuação dentro do title pois é o gerenciador de janelas (window manager) quem interpreta o title e não o software de navegação e muitas vezes o gerenciador de janelas não suporta caracteres acentuados.
O título deve ser o mais explicativo possível porem, compacto (no máximo uma linha).
--------------------------------------------------------------------------------
Cabeçalhos (Headers):
Cabeçalhos podem ser usados em qualquer parte da página em HTML para dar destaque maior ou menor a algum termo do texto. Existem 6 tamanhos de cabeçalhos e eles são usados da seguinte forma:
. . .
Cabeçalho H1
. . .
Cabeçalho H2
. . .
Cabeçalho H3
. . .
Cabeçalho H4
. . .
Cabeçalho H5
. . .
Cabeçalho H6
--------------------------------------------------------------------------------
Tipos de letra:
Itálico (Exemplo de texto em itálico):
. . .
Bold (Exemplo de texto em bold):
. . .
Code (Exemplo de texto em "code"):
. . .
Blink (Letras piscando):
--------------------------------------------------------------------------------
Listas:
Criando uma lista de elementos tipo "ul" (Unordered List):
O exemplo:
Exemplo
de lista
não ordenada
Foi criada com o comando
(que afasta todo o conteúdo para a direita) combinado com o comando
(cria uma marca na frente de cada item), escrito da seguinte forma:
- Aqui vai um item da lista
- Aqui vai o proximo item.
- E pronto.
Criando uma lista de elementos tipo "ol" (Ordered List):
Exemplo
de lista
ordenada.
A diferença da lista tipo "ul" é que neste caso cada item possui um número na sua frente, colocado automaticamente por cada encontrado.
- Aqui vai um item da lista
- Aqui vai o proximo item.
É possível combinar listas "ol" e "ul" e também criar listas dentro de listas como no caso:
Item A
Um sub-item do A
Outro sub-item do A
Item B
Item C
--------------------------------------------------------------------------------
Formatando o texto na página:
Ao escrever um texto em HTML, a formatação (espaços entre uma palavra e outra e distância entre uma linha e outra) não é interpretada, ou seja, é preciso incluir comandos de quebra de linha, parágrafo e de texto pré-formatado como os que seguem:
Termina uma linha de texto (pula para próxima linha):
Termina um parágrafo (pula duas linhas):
Para pular várias linhas, não adianta usar diversos
seguidos. O que pode ser feito para pular diversas linhas é usar o comando
, seguido de alguns "Enter" e depois o comando
para terminar.
Colocando um texto pré-formatado:
coloque o texto aqui
Exemplo de texto pré-formatado:
"Este é um texto
pre-formatado."
Normalmente a apresentação de um texto formatado pelo comando pre é pior do que a de um texto formatado pelos comandos de formatação do HTML.
Iniciando um parágrafo de texto:
-
Este comando - afasta a primeira linha do texto que vem a seguir dele um pouco para a direita.
Interpretando o HTML como se fosse texto puro (.txt):
<![CDATA[
<br /><br />Deste comando para frente tudo é interpretado como texto puro, ignorando os comandos do HTML, mostrando os comandos junto com o texto.
<br /><br />
<br /><br />Centralizando textos e imagens:
<br /><br />
<br /><br />
<br /><br /><center> . . . </center>
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />
<br /><br />Criando linhas de separação:
<br /><br />O comando <hr> cria uma linha horizontal em uma página e pode ser utilizado com alguns atributos:
<br /><br />
<br /><br /><hr size=altura_da_linha width=largura align=alinhamento>
<br /><br />Onde a largura pode ser definida em pixels (width=100 por exemplo) ou em porcentagem do tamanho horizontal da tela (width=30% por exemplo).
<br /><br />
<br /><br />Exemplo:
<br /><br /><hr size=8 width=50% align=right>
<br /><br />cria uma linha com 8 pixels de altura, com largura igual a 50% do tamanho da tela, alinhada à direita, como a seguinte:
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />
<br /><br />Uma linha mais sólida pode ser criada usando o atributo noshade junto com o hr, como no exemplo:
<br /><br /><hr width=30% noshade>
<br /><br />Gera a linha:
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />
<br /><br />Diversos:
<br /><br />Colocando comentários no HTML:
<br /><br />
<br /><br /><!-- . . . -->
<br /><br />Exemplo:
<br /><br />
<br /><br /><!-- este texto não aprecerá na página -->
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />
<br /><br />Colocando imagens dentro da tela:
<br /><br />As imagens que aparecem nas páginas da WWW podem estar no formato GIF ou JPEG. O formato JPEG não é compatível com todos os programas de acesso e pode resultar em perda de qualidade na imagem, porém, costuma ser de menor tamanho (em kbytes) do que o formato GIF.
<br /><br />O comando para colocar uma imagem é:
<br /><br />
<br /><br />
<br /><br /><img src="imagem">
<br /><br />Sendo "imagem" o nome da imagem ou o endereço onde ela se encontra.
<br /><br />
<br /><br />Exemplos:
<br /><br />
<br /><br /><img src="tela.gif">
<br /><br />Inclui uma imagem chamada "tela.gif"
<br /><br />
<br /><br /><img src="images/tela.gif">
<br /><br />Busca a imagem "tela.gif" dentro do diretorio "images"
<br /><br />
<br /><br /><IMG WIDTH=87 HEIGHT=60 SRC="http://www.lsi.usp.br/icones/lsi2.gif">
<br /><br />Busca a imagem "lsi2.gif" no endereço "www.lsi.usp.br", dentro do diretório "icones"
<br /><br />
<br /><br />Alguns parâmetros podem ser utilizados com o img src:
<br /><br />
<br /><br />Alinhamento:
<br /><br /><img src="imagem" align="alinhamento">
<br /><br />
<br /><br />Os tipos possíveis para "alinhamento" são:
<br /><br />
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />align="right"
<br /><br />Posiciona a imagem à direita da tela.
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />align="left"
<br /><br />Posiciona a imagem à esquerda da tela.
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />align="top"
<br /><br />Faz o texto que vem em seguida da imagem apareça na frente da parte superior da imagem da seguinte forma:
<br /><br />Texto aqui
<br /><br />
<br /><br />Comando utilizado:
<br /><br /><IMG WIDTH=100 HEIGHT=85 SRC="spiral.gif" align="top">Texto aqui
<br /><br />
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />
<br /><br />align="middle"
<br /><br />Faz o texto aparecer no meio da imagem:
<br /><br />Texto aqui
<br /><br />
<br /><br />Comando utilizado:
<br /><br /><img src="spiral.gif" align="middle">Texto aqui
<br /><br />
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />
<br /><br />align="bottom"
<br /><br />Faz o texto aparecer na parte inferior da imagem:
<br /><br />Texto aqui
<br /><br />
<br /><br />Comando utilizado:
<br /><br /><img src="spiral.gif" align="bottom">Texto aqui
<br /><br />
<br /><br />
<br /><br />
<br /><br />--------------------------------------------------------------------------------
<br /><br />Outros parâmetros para imagem são:
<br /><br />Espessura da borda de uma imagem-link:
<br /><br />
<br /><br /><img src="imagem" border=n>
<br /><br />
<br /><br />Sendo "n" um número equivalente à espessura em número de pixels da borda da imagem. Este parâmetro é usado quando a imagem é um link para outro documento, pois imagens que são links ganham automaticamente uma borda azul fina (assim como textos que são links ficam sublinhados em azul).
<br /><br />
<br /><br />Imagem Mapeada:
<br /><br />
<br /><br /><img src="imagem" ismap>
<br /><br />
<br /><br />Este parâmetro é usado para imagens que são links mapeados, ou seja, clicando em diferentes partes de uma imagem, diferentes localidades ou arquivos podem ser acessados.
<br /><br />
<br /><br />Informações sobre mapeamento de imagens podem ser encontradas no endereço:
<br /><br />http://www.w3.org/hypertext/WWW/Daemon/User/CGI/HTImageDoc.html
<br /><br />
<br /><br />Imagem como padrão de fundo: Para se colocar imagens ou mudar as cores do fundo da tela, o comando usado é:
<br /><br />
<br /><br />
<br /><br /><body background="imagem"> . . . </body>
<br /><br />Este comando deve ser usado logo após o comando title. O comando </body> (finaliza o conteúdo de uma página) deve ficar na última linha da página. A "imagem" especificada no comando de "background" será usada como um padrão repetido como fundo da tela. Deve-se tomar cuidado para que a cor das letras e dos links sejam bem escolhidas para facilitar a leitura em fundos de cor escura.
<br /><br />
<br /><br />Se for desejado criar uma cor de fundo para a página, pode ser usado o comando:
<br /><br />
<br /><br />
<br /><br /><BODY BGCOLOR="#rrggbb"> . . . </body>
<br /><br />Onde rr (red), gg (green) e bb (blue) são valores em hexadecimal (de 00 até FF) que definem uma cor. Exemplos: #0000ff é a cor azul pura. #7f7f7f é uma tonalidade de cinza. #ffff00 é amarelo.
<br /><br />
<br /><br />As cores do texto de uma página podem ser mudadas com os seguintes comandos:
<br /><br />
<br /><br />
<br /><br /><BODY text="#rrggbb" link="#rrggbb" vlink="#rrggbb" alink="#rrggbb"> . . . </body>
<br /><br />Sendo que text define a cor do texto (normalmente prta), link de
</div>
</div>
<!--</div>-->
</div>
<div class="qa_answer " >
<!--<div class="qa_post_head_div">-->
<div class="qa_post_head">
<div class="post" id="post1">
<div class="post_header">
<div class="ya_post_header_poster">
iD@nny ! </div>
<div class="post_header_date">
<span class="timeago" title="2008-06-22T04:12:56-05:00">2008-06-22 09:12:56 UTC</span>
</div>
</div>
</div>
</div>
<!--</div>-->
<!--<div class="qa_post_content_div">-->
<!--<div class="qa_post_content_left"> </div>-->
<div class="qa_post_content_body">
<div class="post_body parsed">
<div class="post_actions">
<!--<a href="https://narkive.com/5VAYH9eF.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>-->
</div>
<A> Insere uma âncora para uma ligação de hipertexto.
<br /><br /> HREF Referência de hipertexto.
<br /><br /> NAME Determina o ponto de destino do hipertexto.
<br /><br /> TARGET Abre uma nova janela com o hipertexto indicado.
<br /><br /> TITLE Cria um quadro com descrição do hipertexto.
<br /><br />
<br /><br /><ACRONYM> Apresenta um quadro com o texto explicativo sobre o acrônimo.
<br /><br /> TITLE Esplanação sobre o acrônimo.
<br /><br />
<br /><br /><ADDRESS> Destaca em itálico o autor do documento HTML.
<br /><br />
<br /><br /><APPLET> Inclui um programa executável em Java na página.
<br /><br /> CODE Informa o nome do arquivo executável.
<br /><br /> CODEBASE Informa o caminho para o arquivo executável.
<br /><br /> NAME
<br /><br /> ALIGN
<br /><br /> ALT
<br /><br /> HSPACE
<br /><br /> VSPACE
<br /><br /> HEIGHT
<br /><br /> WIDTH
<br /><br />
<br /><br /><AREA> Define coordenadas para imagens mapeadas.
<br /><br /> SHAPE Define a geometria da área mapeada.
<br /><br /> COORDS Estabelece as coordenadas.
<br /><br /> HREF Informa a URL que deve ser carregada.
<br /><br /> NOHREF Permite que a área selecionada não acione nenhum link.
<br /><br />
<br /><br /><B> BOLD FACE - Texto em negrito.
<br /><br />
<br /><br /><BASE> Indica a URL absoluta onde está armazenado o documento.
<br /><br /> HREF Inclui uma URL absoluta.
<br /><br /> TARGET Estabelece um quadro que será destino.
<br /><br />
<br /><br /><BGSOUND> Executa um arquivo de som.
<br /><br /> SRC Especifica o endereço do arquivo de som.
<br /><br /> LOOP Determina quantas vezes o arquivo será executado.
<br /><br />
<br /><br /><BIG> Formata o texto aumentando o tamanho da letra.
<br /><br />
<br /><br /><BLINK> Texto pulsante.
<br /><br />
<br /><br /><BLOCKQUOTE> Destaca um bloco de texto.
<br /><br />
<br /><br /><BODY> Contém o corpo do documento HTML.
<br /><br /> ALINK Configura a cor do texto do link já visitado.
<br /><br /> BACKGROUND Especifica um arquivo gif/jpg como papel de parede.
<br /><br /> BGCOLOR Define uma cor de fundo.
<br /><br /> BGPROPERTIES Mantém o papel de parede fixo no fundo da tela.
<br /><br /> LEFTMARGIN Define um espaço entre a borda esquerda e o texto.
<br /><br /> LINK Configura a cor do texto do link.
<br /><br /> SCROLL Define se a página terá ou não as barras de rolagens.
<br /><br /> TEXT Configura a cor do texto.
<br /><br /> TOPMARGIN Define um espaço entre a borda de topo e o texto.
<br /><br /> VLINK Configura a cor do link ativo.
<br /><br />
<br /><br /><BR> Break Line - Quebra de linha.
<br /><br />
<br /><br /><CAPTION> Legenda da tabela.
<br /><br /> ALIGN Controla a posição da legenda.
<br /><br />
<br /><br /><CENTER> Alinha um objeto no centro horizontal da página.
<br /><br />
<br /><br /><CITE> Citação (Geralmente em itálico).
<br /><br />
<br /><br /><CODE> Formata o texto com largura fixa.
<br /><br />
<br /><br /><COMMENT> Inclui um comentário no código fonte.
<br /><br />
<br /><br /><DD> Marca a definição do termo numa lista ordenada.
<br /><br />
<br /><br /><DEL> Texto riscado.
<br /><br />
<br /><br /><DFN> Formata o texto em itálico.
<br /><br />
<br /><br /><DL> cria um sub-item numa lista ordenada.
<br /><br /> COMPACT Especifica uma formatação compacta.
<br /><br />
<br /><br /><DT> Marca o texto como sendo de definição de um glossário.
<br /><br />
<br /><br /><DIV> Aplica um efeito a um objeto.
<br /><br />
<br /><br /><EM> Grifo (geralmente em itálico).
<br /><br />
<br /><br /><EMBED> Executa um arquivo de vídeo ou de som.
<br /><br /> ALIGN Alinha o texto à esquerda, direita, topo e base.
<br /><br /> BORDER Insere e determina a espessura de uma borda.
<br /><br /> FRAMEBORDER Configura uma moldura sem borda.
<br /><br /> HEIGHT Determina a altura da janela.
<br /><br /> HIDDEN Determina se o plug-in é visível na página.
<br /><br /> HSPACE Especifica as bordas horizontais.
<br /><br /> NAME Especifica o nome do applet.
<br /><br /> PALLETE Formata a paleta do plug-in.
<br /><br /> PLUINSPACE Especifica o endereço para instalação do plug-in.
<br /><br /> VSPACE Especifica as bordas verticais.
<br /><br /> TYPE Determina o tipo de MIME da tag Embed.
<br /><br /> WIDTH Determina a largura da janela.
<br /><br />
<br /><br /><FONT> Formata da fonte.
<br /><br /> SIZE Altera o tamanho da fonte.
<br /><br /> COLOR Altera a cor da fonte.
<br /><br /> FACE Define a tipologia da fonte.
<br /><br />
<br /><br /><FORM> Define um ambiente para processamento de formulário.
<br /><br /> ACTION Define a URL do roteiro CGI.
<br /><br /> METHOD Determina qual programa processará os dados.
<br /><br /> ENCTYPE Define a forma de codificação do formulário.
<br /><br />
<br /><br /><FIELDSET> Cria uma moldura em torno do formulário.
<br /><br /> LEGEND Especifica uma legenda para a moltura.
<br /><br /> ACCESSKEY Programa uma tecla para operar com ALT.
<br /><br />
<br /><br /><FRAME> Define um quadro dentro de um FRAMESET.
<br /><br /> ALIGN Ajusta o alinhamento do frame ou do texto.
<br /><br /> FRAMEBORDER Ativa ou desativa a exibição de borda do frame.
<br /><br /> SRC Informa a URL do documento que será exibido.
<br /><br /> NAME Define um nome para o quadro referenciado por <A>.
<br /><br /> MARGINHEIGHT Espaço vertical entre a borda e seu conteúdo.
<br /><br /> MARGINWIDTH Espaço horizontal entre a borda e seu conteúdo.
<br /><br /> NORESIZE Impede o redimensionamento do quadro.
<br /><br /> SCROLLING Determina se haverá ou não uma barra de rolamento.
<br /><br />
<br /><br /><FRAMESET> Define um conjunto de quadros.
<br /><br /> COLS Define a largura ocupada por cada quadro.
<br /><br /> ROWS Define a altura ocupada com cada quadro.
<br /><br /> FRAMEBORDER Define a largura da borda dos quadros.
<br /><br />
<br /><br /><H1> <H2> <H3> <H4> <H5> <H6> Seis níveis de cabeçalho.
<br /><br /> ALIGN Alinhamento do cabeçalho.
<br /><br /> STYLE Insere propriedades de estilo no cabeçalho.
<br /><br />
<br /><br /><HEAD> Cabeçalho do arquivo HTML.
<br /><br /> TITLE Título do arquivo HTML.
<br /><br /> ISINDEX
<br /><br /> BASE Especifica o endereço base do URL.
<br /><br /> LINK Relaciona o documento com outro.
<br /><br /> META Adiciona metainformações ao arquivo.
<br /><br /> STYLE Adiciona formatação de folha de estilo ao documento.
<br /><br />
<br /><br /><HR> Horizontal Rule Linha horizontal.
<br /><br /> SIZE Define o tamanho da linha.
<br /><br /> WIDTH Define a espessura da linha.
<br /><br /> ALIGN Define a margem de alinhamento da linha.
<br /><br /> NOSHADE Define uma textura sólida a linha.
<br /><br /> COLOR Define a cor da linha.
<br /><br />
<br /><br /><HTML> Comando de abertura e fechamento do arquivo HTML.
<br /><br /> VERSION Informa a versão do HTML usado.
<br /><br /> LAN Determina em qual idioma o arquivo está escrito.
<br /><br /> DIR Determina a direção do fluxo do texto.
<br /><br />
<br /><br /><I> Italit Font - Coloca o texto em itálico.
<br /><br />
<br /><br /><IFRAME> Define um frame embutido na página.
<br /><br /> SRC Endereço do documento que será exibido.
<br /><br /> NAME Nome do frame.
<br /><br /> WIDTH Define a largura do frame.
<br /><br /> HEIGHT Define a altura do frame.
<br /><br /> ALIGN Alinha o frame em relação a página.
<br /><br /> FRAMEBORDER Insere uma borda no frame.
<br /><br /> MARGINWIDTH Define uma largura para a margem.
<br /><br /> MARGINHEIGHT Define uma altura para a margem.
<br /><br /> SCROLLING Exibe ou não a barra de rolagem.
<br /><br />
<br /><br /><IMG> Insere uma imagem no documento.
<br /><br /> ALIGN Define o alinhamento da imagem.
<br /><br /> ALT Cria um quadro com informações sobre a imagem.
<br /><br /> BORDER Permite criar e formatar a borda da imagem.
<br /><br /> HEIGHT Define a altura da imagem.
<br /><br /> HSPACE Cria um espaço horizontal entre a imagem e o texto.
<br /><br /> ISMAP Mapeamento da imagem controlado pelo servidor.
<br /><br /> ONMOUSEOVER
<br /><br /> ONMOUSEOUT
<br /><br /> SRC Determina a URL do arquivo de imagem.
<br /><br /> USEMAP Mapeamento da imagem controlado pelo usuário.
<br /><br /> VSPACE Cria um espaço vertical entre a imagem e o texto.
<br /><br /> WIDTH Define a largura da imagem.
<br /><br />
<br /><br /><KBD> Formata o texto com uma largura fixa.
<br /><br />
<br /><br /><LI> List Item - Item de lista.
<br /><br />
<br /><br /><LINK> Estabelece ligações da página com outros documentos.
<br /><br /> HREF Indica o endereço para o qual o link aponta.
<br /><br /> REL Explica a relação desse documento com o outro.
<br /><br /> METHODS Indica o método usado para acessar o documento.
<br /><br /> TITLE Título do documento ao qual o link faz referência.
<br /><br />
<br /><br /><MARQUEE> Cria efeito de movimento ao objeto.
<br /><br /> ALIGN Alinhamento do objeto.
<br /><br /> BEHAVIOR O objeto desapare ou não em uma das margens.
<br /><br /> BGCOLOR Cor de fundo.
<br /><br /> DIRECTION Direção do movimento.
<br /><br /> HEIGHT Altura do painel.
<br /><br /> HSPACE Largura das margens esquerda/direita.
<br /><br /> LOOP Quantas vezes o efeito irá se repetir.
<br /><br /> SCROLLAMOUNT Quantidade de pixel utilizada no movimento.
<br /><br /> SCROLLDELAY Tempo de deslocamento do objeto.
<br /><br /> VSPACE Determina a margem superior e inferior do marquee.
<br /><br /> WIDTH Especifica a altura do painel.
<br /><br />
<br /><br /><MAP> Comando de chamada de área mapeada.
<br /><br /> NAME Rotula o mapa com um nome.
<br /><br />
<br /><br /><NOBR> Evita que o texto seja quebrado em mais de uma linha.
<br /><br />
<br /><br /><NOFRAMES> Informa ao browser que ele não suporta recursos de frame.
<br /><br />
<br /><br /><NOSCRIPT> Executa uma rotina quando o browser não reconhece script.
<br /><br />
<br /><br /><OL> Ordered List - Lista ordenada.
<br /><br /> TYPE Define o tipo de numeração.
<br /><br /> START Indica o valor onde a contagem deve começar.
<br /><br />
<br /><br /><OPTION> Cria os itens de uma lista de seleção criado pelo comando SELECT.
<br /><br /> SELECTED Marca a opção selecionada.
<br /><br /> VALUE Variável a ser enviada.
<br /><br />
<br /><br /><P> Paragraph - Parágrafo.
<br /><br /> ALIGN Alinhamento do parágrafo.
<br /><br /> STYLE Formatação de CSS.
<br /><br />
<br /><br /><PARAM> Fornece parâmetros para um applet.
<br /><br /> NAME Informa o nome do parâmetro.
<br /><br /> VALUE Informa o valor do parâmetro.
<br /><br />
<br /><br /><PRE> Preformatted Text - Texto pré-formatado.
<br /><br /> WIDTH Informa a largura em colunas.
<br /><br />
<br /><br /><Q> Citações curtas.
<br /><br /> CITE Informa a fonte da citação.
<br /><br />
<br /><br /><S> Texto riscado.
<br /><br />
<br /><br /><SAMP> Texto monoespaçado.
<br /><br />
<br /><br /><SELECT> Habilita a entrada de dados através da seleção de itens de um menu de opções.
<br /><br /> NAME Nome da variável.
<br /><br /> SIZE Determina um tamanho fixo para a lista.
<br /><br /> MULTIPLE Permite seleção de mais de uma opção.
<br /><br />
<br /><br /><SMALL> Formata a fonte em tamanho reduzido.
<br /><br />
<br /><br /><SPAN> Ênfase definida por folha de estilo.
<br /><br /> STYLE Propriedades de Folha de Estilo.
<br /><br />
<br /><br /><STRIKE> Texto riscado.
<br /><br />
<br /><br /><SCRIPT>
<br /><br /> LANGUAGE Define a linguagem utilizada.
<br /><br /> SRC Carrega um arquivo externo ao documento
<br /><br />
<br /><br /><STRONG> Texto em negrito.
<br /><br />
<br /><br /><SUB> Texto sub-escrito.
<br /><br />
<br /><br /><SUP> Texto sobre-escrito.
<br /><br />
<br /><br /><TABLE> Declara a formatação de uma tabela.
<br /><br /> BACKGROUND Imagem de fundo.
<br /><br /> BGCOLOR Cor de fundo.
</div>
</div>
<!--</div>-->
</div>
<div class="qa_answer " >
<!--<div class="qa_post_head_div">-->
<div class="qa_post_head">
<div class="post" id="post2">
<div class="post_header">
<div class="ya_post_header_poster">
Chuck Norris </div>
<div class="post_header_date">
<span class="timeago" title="2008-06-22T02:16:59-05:00">2008-06-22 07:16:59 UTC</span>
</div>
</div>
</div>
</div>
<!--</div>-->
<!--<div class="qa_post_content_div">-->
<!--<div class="qa_post_content_left"> </div>-->
<div class="qa_post_content_body">
<div class="post_body parsed">
<div class="post_actions">
<!--<a href="https://narkive.com/5VAYH9eF.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>-->
</div>
Olá
<br /><br />Acho que isso irá te ajudar!
<br /><br />É uma lista de tags html:
<br /><br />http://www.w3schools.com/tags/default.asp
<br /><br />
<br /><br />Abraço
</div>
</div>
<!--</div>-->
</div>
<div class="qa_answer " >
<!--<div class="qa_post_head_div">-->
<div class="qa_post_head">
<div class="post" id="post3">
<div class="post_header">
<div class="ya_post_header_poster">
</div>
<div class="post_header_date">
<span class="timeago" title="2008-06-22T01:42:32-05:00">2008-06-22 06:42:32 UTC</span>
</div>
</div>
</div>
</div>
<!--</div>-->
<!--<div class="qa_post_content_div">-->
<!--<div class="qa_post_content_left"> </div>-->
<div class="qa_post_content_body">
<div class="post_body parsed">
<div class="post_actions">
<!--<a href="https://narkive.com/5VAYH9eF.00000" style="border: 0;" class="post_actions_bit" rel="nofollow">switch to english</a>-->
</div>
eu nao sei cara
</div>
</div>
<!--</div>-->
</div>
</br ></br >
<div id="se_licensing_notice">
<div id="se_licensing_notice_info">
ⓘ
</div>
<div id="se_licensing_notice_text">
Este conteúdo foi postado originalmente no Y! Answers, um site de perguntas e respostas que foi encerrado em 2021.
</div>
</div>
<!--<script src="https://it.hobby.fai-da-te.narkive.com/ad-blocker.js?adclient=10120iask" type="text/javascript"></script>-->
<script type="text/javascript">
//$(document).ready(function() {
(nk = window.nk || []).session_id = 'c17f53bb2b1a';
if(nk.adb === undefined)
nk.adb = 'enabled';
if(0)
nk.adb = 'untested';
nk.threadfunction = function() {
$.ajax({
url: "https://" + document.domain +"/ajax/ThreadViewCounter?hash=5VAYH9eF&nk_session=" + nk.session_id,
data: {
page_version: 1,
is_desktop: 1,
lang: 'pt',
replycount: 4,
views: 1,
type: 'ya',
simqa: 0,
simsearchqa: 0,
simsearch: 0,
url: window.location.href,
hash: '5VAYH9eF',
cat: document.domain.replace('.narkive.', '.'),
path: window.location.pathname,
title: 'Comandos de HTML, alguém sabe?',
recency: 6072,
ads_filter: 'no-match',
// adb: nk.adb,
},
cache: true,
type: "GET"
})
.done(function( html ) {
eval(html);
});
}
//});
$(document).ready(function() {
if(typeof adsense_dispatcher_id === 'undefined' || adsense_dispatcher_id < 2)
{
// disable stats collection if you're unlikely to be a new user
//nk.threadfunction();
}
});
// prebid callback here as there is no command queue, in theory ThreadViewCounter works, but hey
var nk_ts_PreBidConnectionTime = Date.now();
function connect_prebid_callback()
{
if(typeof vmpbjs !== undefined && vmpbjs.onEvent !== undefined)
{
vmpbjs.onEvent('bidWon', function(prebidwin) {
console.log(prebidwin.bidderCode+ ' won the ad server auction for ad unit ' +prebidwin.adUnitCode+ ' at ' +prebidwin.cpm+ ' CPM');
console.log(prebidwin);
var u = "https://" + document.domain +"/ajax/telemprebid?abs_sec=" + parseInt((Date.now()-nk_ts_PreBidConnectionTime) / 1000) + "&nk_session=" + nk.session_id;
$.ajax({ url: u, cache: false, type: "HEAD", global: false, beforeSend: function(){}, complete: function(){}, data: {
bidder: prebidwin.bidder,
cpm: prebidwin.originalCpm,
currency: prebidwin.originalCurrency,
height: prebidwin.height,
width: prebidwin.width,
slotElementId: prebidwin.adserverTargeting.hb_div_id
}});
console.log('callback sent');
});
}
else
{
setTimeout(function() {
connect_prebid_callback();
}, 100);
}
}
//connect_prebid_callback();
</script>
<div id="last_post_visibility_indicator"> </div>
<style>
.post_body.parsed {
/*padding: 11px 12px;*/
color: #192527;
font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif";
font-size: 17px;
line-height: 24px;
}
</style>
<style>
@media screen and (min-width: 770px) {
.post_body.parsed {
padding: 11px 12px;
color: #192527;
font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif";
font-size: 18px;
line-height: 26px;
}
.post_header {
border-width: 1px;
border-radius: 3px;
}
.post_wrapper {
border-left: 0;
padding-left: 22px;
}
.post_body {
border: 0;
}
.quoted_post {
font-size: 14px;
line-height: 18px;
}
.post_header {
height: 30px;
line-height: 30px;
font-size: 17px;
}
#thread_lister_ctrl_nav {
font-size: 24px;
line-height: 32px;
}
#thread_lister_subtitle {
display: none;
}
/* smaller */
#thread_lister_ctrl_nav {
font-size: 20px;
line-height: 31px;
}
.post_header {
height: 28px;
line-height: 27px;
font-size: 16px;
}
.post_body.parsed {
font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif";
font-size: 17px;
line-height: 25px;
padding-bottom: 16px;
}
.thread #thread_lister_ctrl {
margin: 8px 4px;
margin-top: 7px;
margin-bottom: 4px;
}
#thread_lister_subtitle {
display: block;
}
#thread_lister_subtitle {
margin-bottom: -5px;
}
#thread_container .post_header_date .timeago {
font-size: 15px;
}
#simthread_first_header {
font-family: serif;
font-size: 25px;
margin-top: 30px;
margin-left: 15px;
background-color: #f3feff;
padding: 7px 13px;
color: #234244;
width: fit-content;
border-radius: 5px;
}
}
</style>
<style>
#sidebar_banner_right {
/*float: right;
margin-right: 20px;*/
float: left;
margin-left: 40px;
margin-top: 20px;
width: 22px;
height: 30px;
/*display: none;*/
/*border: 1px solid red;*/
/*background-color: red;*/
}
@media screen and (min-width: 1500px) {
#sidebar_banner_right {
margin-left: 80px;
}
}
</style>
</div>
<div id="sidebar_container"></div>
<div id="sidebar_banner_right"><div class="sidebar_banner_placeholder_2"></div></div>
<div style="clear: both"></div>
</div>
<script type="text/javascript">
var nav_highlighted = false,
sidebar_fixed = false,
sidebar_initial_top_distance = 0,
sidebar_initial_left_distance = 0,
sidebar_right_banner_initial_left_distance = 0,
last_post_divs_distance_build = 0,
post_divs_distances = Array(),
sidebar_height = 0,
thread_navigation_height = 0,
sidebar_position_offset = 0,
thread_onscroll_timeout = 0,
sidebar_related_height = 0;
function build_post_divs_distance()
{
if(new Date().getTime() - last_post_divs_distance_build < 1000)
{
return;
}
var post_divs = $('.post');
for(k in post_divs)
{
if(parseInt(k) != k)
continue;
post_divs_distances[$(post_divs[k]).position().top] = $(post_divs[k]).attr('id').replace('post', '');
}
sidebar_height = $('#sidebar_container').height();
thread_navigation_height = $('#thread_navigation').height();
}
function thread_onscroll()
{
if($(window).width() < 995)
{
return;
}
build_post_divs_distance();
var scroll_top = $(window).scrollTop(),
sidebar_offset_top = $('#sidebar_container').offset().top,
windows_height = $(window).height(),
sidebar_css_top = parseInt($('#sidebar_container').css('top') == 'auto' ? 0 : $('#sidebar_container').css('top')),
sidebar_standard_top_distance = 20,
first_visible_post = 1,
scroller_margins = windows_height < 250 ? 20 : 100;
highlighted_top_distance = nav_highlighted > 0 ? $('#nav_post' + nav_highlighted).position().top : windows_height/2;
left_margin = parseInt($('#sidebar_container').css('margin-left'));
left_margin_banner = parseInt($('#sidebar_banner_right').css('margin-left'));
if(sidebar_initial_left_distance == 0)
{
sidebar_initial_left_distance = $('#sidebar_container').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/;
}
if(sidebar_right_banner_initial_left_distance == 0)
{
sidebar_right_banner_initial_left_distance = $('#sidebar_banner_right').offset().left/* == 0 ? 760 : $('#sidebar_container').offset().left*/;
}
if(highlighted_top_distance + scroller_margins + sidebar_position_offset + sidebar_related_height > windows_height)
{
sidebar_position_offset -= windows_height/2;
$('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px');
$('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px');
}
else if(highlighted_top_distance + sidebar_position_offset < scroller_margins)
{
sidebar_position_offset += windows_height/2;
$('#sidebar_container').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_initial_left_distance - left_margin) + 'px');
$('#sidebar_banner_right').css('position', 'fixed').css('top', sidebar_position_offset + 'px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px');
}
else if(!sidebar_fixed && scroll_top + sidebar_standard_top_distance > sidebar_offset_top)
{
$('#sidebar_container').css('position', 'fixed').css('top', '0px').css('left', (sidebar_initial_left_distance - left_margin) + 'px');
$('#sidebar_banner_right').css('position', 'fixed').css('top', '0px').css('left', (sidebar_right_banner_initial_left_distance - left_margin_banner) + 'px');
sidebar_fixed = true;
sidebar_initial_top_distance = sidebar_offset_top;
}
else if(sidebar_fixed && scroll_top + sidebar_standard_top_distance < sidebar_initial_top_distance)
{
$('#sidebar_container').css('position', 'relative').css('top', '0').css('left', '0');
$('#sidebar_banner_right').css('position', 'relative').css('top', '0').css('left', '0');
sidebar_fixed = false;
}
for(k in post_divs_distances)
if(k < scroll_top + 100 && post_divs_distances[k] != 'selector')
first_visible_post = parseInt(post_divs_distances[k]);
if(first_visible_post > 0 && first_visible_post <= post_divs_distances.length + 1)
{
$('#nav_post' + nav_highlighted).css('opacity', '');
$('#nav_post' + first_visible_post).css('opacity', '1');
nav_highlighted = first_visible_post;
}
clearTimeout(thread_onscroll_timeout);
thread_onscroll_timeout = setTimeout(function () {thread_onscroll();}, 200);
}
function init_quoted_extra()
{
$(".quoted_post_level_1").each(function() {
if($(this).text().length < 500)
return;
if($(this).next('.quoted_extra_clickable').length != 0)
return;
$(this).css('display', 'none');
$(this).after('<div class="quoted_extra_clickable">...</div>');
});
}
function quoted_extra_click(e)
{
$(e).css('display', 'none');
$(e).prev().css('display', 'block');
build_post_divs_distance()
}
$( document ).ready(function() {
$(".post_censored").on('click', function(event){
event.stopPropagation();
event.stopImmediatePropagation();
var post_id = $(this).closest(".post").attr('id').replace('post', '');
console.log(post_id);
censored_post = $(this).closest(".post_body");
$(this).closest(".post_body").css('opacity', '0.3');
/*
$.ajax({
url: "?load_censored_post=" + post_id,
type: 'GET',
dataType: 'html',
success: function(data){
console.log(nk.censored_post);
nk.censored_post.html(data);
}
});
*/
$.post(window.location, {'load_censored_post': post_id}, function(data) {
// alert('POST was successful. Server says: ' + data);
console.log(censored_post);
$(censored_post).html(data);
$(censored_post).css('opacity', '1');
});
});
});
function thread_selector_mouseup()
{
}
function thread_init_selection()
{
if(!window.location.hash || !window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/))
return;
nk.is_select_ref = 1;
var temp = window.location.hash.match(/^#selection:([0-9]+)\.([0-9]+)\.([0-9]+)$/);
var post = temp[1], start = temp[2], end = parseInt(start) + parseInt(temp[3]), ts, tr;
tr = $('#post' + post).children('.post_body').html().trim();
ts = '<div>' + $('#post' + post).children('.post_body').html().trim() + '</div>';
ts = $(ts);
ts.find('.quoted_post').remove();
ts.find('.post_signature').remove();
//ts.find('#selection_url_f').remove();
ts.find('br').replaceWith(' ');
ts = ts.html().trim();
var post_verified = '', c;
for (var i = 0; i < ts.length; i++)
{
if(i < start || i >= end)
continue;
c = ts.charAt(i);
post_verified += c;
if(c != ' ')
continue;
if(tr.indexOf(post_verified) != -1)
continue;
post_verified = post_verified.slice(0, -1);
if(tr.indexOf(post_verified + '<br>') != -1)
{
post_verified += '<br>';
continue;
}
break;
}
$('#post' + post).children('.post_body').html( $('#post' + post).children('.post_body').html().replace(post_verified, '<span id="init_selection">' + post_verified + '</span>') );
var offset = (window.innerHeight < $("#init_selection").height()) ? 30 : ((window.innerHeight - $("#init_selection").height()) / 2);
$('html,body').animate({scrollTop: $("#init_selection").offset().top - offset},'fast');
ga('send', 'event', 'selection', 'load', {'nonInteraction': 1});
}
function thread_init_copy()
{
$('#thread_container').on("mouseup", function() {
var t, te, tr, ts;
if($('#selection_url_c:hover').length > 0)
{
$('#selection_url_c input').select();
ga('send', 'event', 'selection', 'click', {'nonInteraction': 1});
if(typeof nk.push_ts_event !== 'undefined')
nk.push_ts_event('selected_link_hover', 1);
return;
}
$('#selection_url_c').remove();
$('#selection_url_f').remove();
if(window.getSelection)
t = window.getSelection();
else if(document.getSelection)
t = document.getSelection();
else if(document.selection)
t = document.selection.createRange().text;
if(typeof t === 'undefined' || t.toString().length <= 1)
return;
if(typeof t.anchorNode === 'undefined' || typeof t.anchorNode.parentElement === 'undefined' || typeof t.anchorNode.parentElement.parentElement === 'undefined')
return;
te = t.anchorNode.parentElement.parentElement;
if(!te.id.match(/^post[0-9]+$/))
return;
tr = t.toString().replace(/\n/g, ' ').trim();
ts = '<div>' + $(te).children('.post_body').html().trim() + '</div>';
ts = $(ts);
ts.find('.quoted_post').remove();
ts.find('.post_signature').remove();
//ts.find('#selection_url_f').remove();
ts.find('br').replaceWith(' ');
ts = ts.html().trim();
if(ts.indexOf(tr) == -1)
return;
var hash = document.location.href.match(/\.narkive\.com\/([a-zA-Z0-9]{8})/);
if (typeof hash[1] === 'undefined')
return;
hash = hash[1];
var fix_index = 0;
if(ts.indexOf('init_selection') < ts.indexOf(tr) && ts.indexOf('init_selection') != -1)
fix_index = 33;
//console.log(ts);
//console.log(fix_index);
if(typeof nk.push_ts_event !== 'undefined')
nk.push_ts_event('selected_char_count', tr.length);
var url = 'https://narkive.com/' + hash + ':' + te.id.replace('post', '') + '.' + (ts.indexOf(tr) - fix_index) + '.' + tr.length;
setTimeout(function() {
try {
var range = document.createRange();
range.setStart(t.focusNode, t.focusOffset);
range.insertNode($('<span id="selection_url_f"></span>').get(0));
var selection_button = $('<div style="top: ' + $('#selection_url_f').offset().top + 'px" id="selection_url_c">Selection Permalink:<input type="text" value="'+url+'"></div>').get(0);
$('#thread_container').append(selection_button);
//console.log(selection_button);
}
catch (e) {}
}, 10);
});
}
/*
function thread_similarbar(hash)
{
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent))
return;
$.get( "https://" + document.domain + "/ajax/similarbar?hash=" + hash, function( data ) {
$('#thread_navigation').after(data);
});
}
*/
function thread_suggested_reading(hash)
{
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent))
return;
$.get( "https://" + document.domain + "/ajax/suggestedreading?hash=" + hash, function( data ) {
$('#thread_container').append(data);
});
}
$( window ).scroll(function () { thread_onscroll(); });
$( document ).ready(function() { init_quoted_extra(); thread_onscroll(); /*thread_check_adv();*/ thread_init_copy(); thread_init_selection(); });
</script>
<script type="text/javascript">
/* thread_similarbar('5VAYH9eF');*/
/* thread_suggested_reading('5VAYH9eF'); */
</script>
<style type="text/css">
</style>
<script type="text/javascript">
$( document ).ready(function() {
var targetNodes = $(".adsbygoogle");
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var myObserver = new MutationObserver (mutationHandler);
var obsConfig = { attributes: true };
targetNodes.each ( function () {
myObserver.observe (this, obsConfig);
} );
function mutationHandler (mutationRecords) {
mutationRecords.forEach ( function (mutation) {
if(mutation.type == 'attributes' && mutation.attributeName == 'data-ad-status') {
var jq = $(mutation.target).attr('data-ad-status');
if(jq == 'filled') {
nk.adsense_status.filled++;
}
if(jq == 'unfilled') {
nk.adsense_status.unfilled++;
}
nk.ts_suggestPushEvent = 1;
}
} );
}
var testURL = "https://" + document.domain + "/s/_adverts.js"
var myInit = {
method: 'HEAD',
mode: 'no-cors'
};
var myRequest = new Request(testURL, myInit);
fetch(myRequest).then(function(response) {
return response;
}).then(function(response) {
nk.adb = 'disabled';
nk.ts_suggestPushEvent = 1;
}).catch(function(e){
nk.adb = 'enabled';
nk.ts_suggestPushEvent = 1;
});
});
</script>
<div style="height: 50px"></div>
</div>
<div id="footer_wrapper">
<div id="footer_links">
<a href="https://narkive.com/about">about</a> - <!--<a href="https://narkive.com/contact">contact</a> - <a style="cursor:pointer;" id="uservoice_button">feedback</a> - --><a href="https://narkive.com/legalese">legalese</a>
</div>
<!--
<div id="lang_selector">
<div id="lang_select">Contents in English</div>
<div id="lang_select_cont">
<div id="lang_select_cont_in">
<a href="?set_lang=zh-cn" class="lang_select_bit">Chinês</a><a href="?set_lang=zh-tw" class="lang_select_bit">Chinês</a><a href="?set_lang=hr" class="lang_select_bit">Croata</a><a href="?set_lang=cs" class="lang_select_bit">Tcheco</a><a href="?set_lang=da" class="lang_select_bit">Dinamarquês</a><a href="?set_lang=nl" class="lang_select_bit">Holandês</a><a href="?set_lang=en" class="lang_select_bit">Inglês</a><a href="?set_lang=et" class="lang_select_bit">Estoniano</a><a href="?set_lang=fi" class="lang_select_bit">Finlandês</a><a href="?set_lang=fr" class="lang_select_bit">Francês</a><a href="?set_lang=de" class="lang_select_bit">Niemiecki</a><a href="?set_lang=el" class="lang_select_bit">Grego</a><a href="?set_lang=he" class="lang_select_bit">Hebraico</a><a href="?set_lang=hi" class="lang_select_bit">Hindi</a><a href="?set_lang=hu" class="lang_select_bit">Húngaro</a><a href="?set_lang=id" class="lang_select_bit">Indonesian</a><a href="?set_lang=it" class="lang_select_bit">Italiano</a><a href="?set_lang=ja" class="lang_select_bit">Japonês</a><a href="?set_lang=ko" class="lang_select_bit">Coreano</a><a href="?set_lang=no" class="lang_select_bit">Norueguês</a><a href="?set_lang=pl" class="lang_select_bit">Polonês</a><a href="?set_lang=pt" class="lang_select_bit">Português</a><a href="?set_lang=ru" class="lang_select_bit">Russo</a><a href="?set_lang=sr" class="lang_select_bit">Sérvio</a><a href="?set_lang=es" class="lang_select_bit">Espanhol</a><a href="?set_lang=sv" class="lang_select_bit">Sueco</a><a href="?set_lang=th" class="lang_select_bit">Tailandês</a><a href="?set_lang=tr" class="lang_select_bit">Turco</a><a href="?set_lang=vi" class="lang_select_bit" style="border-bottom: none;">Vietnamita</a>
</div>
<div id="lang_select_cont_end"></div>
</div>
</div>
-->
</div>
<div id="ajax_loading">Loading...</div>
<div id="overflow"></div>
<div id="overflow_message">
<div id="overflow_message_header">
</div>
<div id="overflow_message_content">
</div>
<div id="overflow_message_actions">
</div>
</div>
</body></html>
]]></plaintext></dd></dd></ol></li></ol></li></div></div>