sexta-feira, 25 de janeiro de 2013

Teclas de Atalho - Blender


Teclas de Atalho
No Blender é uma mão no mouse e a outra no teclado.
Mas não esquente em decorar todas as teclas.
Com o tempo, você nem percebe que usa as teclas de atalho, não é preciso olhar toda hora para o teclado para ver se as combinações estão corretas ou ficar pensando um bom tempo para lembrar alguma tecla, é como se fosse automático. Você pensa “Preciso cortar essa parte do objeto” e logo você digita Ctrl+R.
O teclado é essencial na jornada com o Blender, pois isso, saber as teclas de atalho e quais são suas funções é muito importante, deixando o trabalho mais prático e produtivo! Então está ai uma lista de atalhos do Blender pelo teclado. 

A - Selecionar/Descelecionar tudo 
B – Caixa de seleção 
B depois B novamente – Bolinha de seleção 
C – Centralizar nas coordenadas do 3DCursor 
D – Modos de Visualização 
E- Extrusão 
F – Fazer Face 
F - Mudar para o modo UV Face Select 
G - Mover objeto selecionado 
H – “Esconde” seleção 
I - Inserir “Key” para animação 
L – Se a malha estiver parcialmente selecionada, L selecionará o restante dela. 
O - Ativar a opção Fallof 
P – Separar malha selecionada 
P – Rodar Game Engine 
R - Rotação 
S – Escala 
V – Entrar no modo Vertex Paint 
W – Menu de edição de malha 
W - Opções de Boolean 
Z - Alternar entre vizualização Solid e Wire 
X ou Delete - Menu de deletar 
TAB - Alternar entre Object Mode e Edit Mode 
Barra de Espaço - Menu Add 
Ctrl
Ctrl+E – Funções epeciais das arestas 
Ctrl+F - Fazer faces trinangulares  
Ctrl+G – Menu de grupos de objetos 
Ctrl+G – Menu de grupo de vértices 
Ctrl+I - Inverter seleção 
Ctrl+J - Juntar os objetos
Ctrl+M - Espelhar a malha 
Ctrl+N - Recalcular normais para o lado de fora 
Ctrl+P - Parentear vértices 
Ctrl+P - Parentear objetos 
Ctrl+Q – Sair do Blender 
Ctrl+T – Transformar faces quadradas em faces triangulares 
Ctrl+U - Gravar preferencias do usuário 
Ctrl+V - Funções especiais dos vértices 
Ctrl+W - Salvar 
Ctrl+X – Novo arquivo 
Ctrl+Y – Refazer 
Ctrl+Z – Desfazer 
Ctrl+TAB – Entrar no modo Weight Paint 
Ctrl+TAB – Modos de seleção 
Ctrl+Barra de Espaço - Modos de manipulação 
Alt
Alt+A – Rodar animação 
Alt+D - Replicar
Alt+E – Entrar no Edit Mode 
Alt+G- Resetar Locação 
Alt+J - Transformar faces triângulares em faces quadradas 
Alt+M - Opções de Merge 
Alt+R – Resetar Rotação 
Alt+S - Resetar Escala 
Alt+U - Histórico de ações globais 
Alt+U - Histórico de ações realizadas no Edit Mode 
Shift
Shift+A – Menu add 
Shift+B – Definir area para renderizar 
Shift+C – Visão geral / centralizar 3D Cursor nas coodenadas 0 
Shift+D - Duplicar
Shift+E - Ferramenta Crease
Shift+F – Movimento de camera
Shift+S - Menu de Snap 
Shift+Z – Alternar entre vizualização Shaded e Wire 
Shift+Barra de Espaço – Maximizar janela 

Conjunto F1, F2, F3…
F1 – Abrir arquivo
Shift+F1 – Abrir arquivos em partes
F2 – Salvar como…
Shift+F2 – Salvar arquivo como DXF
F3 – Salvar imagem
Shift+F3 – Janela Nodes Editor
F4 – Painel Logic
Shift+F4 – Selecionar componentes do arquivo
F5 – Painel Shading
Shift+F5 - Janela 3D View
F6 - Menu Textures buttons
Shift+F6 – Janela Ipo Curve Editor
F7 - Painel Object
Shift+F7 - Janela Buttons
F8 – Menu World buttons
Shift+F8 - Janela Video Sequence Editor
F9 - Painel Editing
Shift+F9 – Janela Outliner
F10 – Painel Scene
Shift+F10 - Janela UV/Image Editor
F11 – Mostrar imagem renderizada
Ctrl+F11 - Mostrar animação renderizada
Shif+F11 – Janela Text Editor
F12 – Renderizar cena
Ctrl+F12 – Renderizar Animação
Shift+F12 - Janela Action Editor
Frames
Avançar 1 frame
Retornar 1 frame
Avançar 10 frames
Retornar 10 frames
Shift + Ir para o ultimo frame
Shift + Ir para o primeiro frame

Layers
Você também pode mudar de layer utilizando teclas de atalho:
0 até 9 – Alterna a visibilidade dos layers de 1 até 10
Alt+0 até Alt+9 – Alterna a visibilidade dos layers de 11 até 20

Ponto de visão
Pontos de visão prontos: (números digitados no teclado numérico)
0 = Visão da câmera.
1 = Visão frontal.
3 = Visão lateral.
7 = Visão superior.
5 = Alterna entre visão Perspectiva e visão Ortográfica
Ctrl + 1 ou + 3 ou + 7 = inverte a respectiva visão.
Ângulos – é possivel controlar algumas funções atravez dos ângulos, como por exemplo o extrude, que se você apertar a tecla referente ao ângulo após o comando de extrusão, o seu extrude irá para tal lado. O mesmo ocorre com o rotate e com o scale. Veja abaixo os ângulos:
Ângulo X (linha vermelha)
Ângulo Y (linha verde)
Ângulo Z (linha azul)

HTML


O que é HTML?

·         (Hypertext Markup Language – Linguagem de Marcação de Hipertexto) é a linguagem com que são codificadas as páginas web.

O funcionamento da Web tem como base:

·         A linguagem HTML – que codifica a estrutura de base das páginas web;

·         O protocolo HTML – que assegura a transferência dessas pagina através da Internet.

·         A HTML não é uma linguagem de programação propriamente dita. É a linguagem de estruturação e formatação de documentos (markup language). Como tal, a HTML não possui os recursos típicos das linguagens de programação, tais como: variáveis, operadores, funções, estruturas de controlo, etc.

·         A utilização de HTML simples apenas produz páginas web estáticas e sem interactividade com o utilizador. Para introduzir estas características nas páginas web torna.se necessário combinar HTML com outras linguagens, nomeadamente as linguagens de scripting, como: Javascript; PHP; JSP; ASP; etc.

·         A linguagem HTML utiliza as Tags, marcas ou etiquetas de marcação para definir a estrutura e formatação das páginas web.


Regras básicas que é necessário compreender antes de se começar com a criação de páginas

·         Todos os “tags” são inseridos entre o sinal de menor e maior:
<tag>

·         Tirando aqueles que representam a posição de um objecto (a inserção de uma imagem, por exemplo), todos os ‘tags’ de formatação devem ser abertos e fechados (utilizando a caracter ‘/’):
·         <tag></tag>

·         RTodos os ‘tags’ obedecem a uma hirerarquia, como no seguinte exemplo:
·         <a> <b> <c> </a> </b> </c>

·         O primeiro a abrir é o ultimo a fechar, vice-versa.
·         <a> <b> <c> </a> </b> </c> É ERRADO

·         É indiferente utilizar maiúsculas ou minúsculas nos ‘tags’
·         <tag< é igual a <TAG> e a <Tag>







Estrutura básica de um documento HTML

Um documento HTML começa aom a tag de abertura <html> e termina com a tag de fecho </html>

EXEMPLO:
                       
                        <HTML>
.
.
.
</HTML>

As duas partes principais que constituem um documento:

·         O cabeçalho (head) – que fica compreendido entre as tags <head> e </head>;

·         O corpo do documento (body) – que fica entre as tags <body> e </body>

EXEMPLO:
<HTML>
<HEAD>
.
.
</HEAD>
<BODY>
.
.</BODY>
</HTML>

·         O principal elemento que é incluído no cabeçalho é o titulo da pagina – que surge entre as tags <title> e </title>. (Este titulo aparece na barra de título do browser em que a pagina for aberta.)

·         No corpo do documento (entre as tags <body> e </body> é inserida toda a informação a apresentar na pagina – texto, imagens, etc

Criação das páginas HTML

·         Para criarmos a nossa primeira página em HTML, basta um simples editor de texto, como o Notepad ou Bloco de Notas.
Podemos começar por inserir o seguinte:
<HTML>

<HEAD>
<TITLE> A minha primeira página </TITLE>
</HEAD>

<BODY>
</BODY>

</HTML>

Nota: Guardar o ficheiro com a extensão.htm (exemplo: index.htm).

Vamos agora fazer a seguinte alteração:
           
<HTML>
<HEAD>
<TITLE>A minha primeira pagina </TITLE>
</HEAD>
<BODY>
Olá mundo!
</BODY>
</HTML>

·         Este <BR> (de break) dá instruções ao browser para fazer uma mudança de linha.

Comentários no HTML
·         São incluídos dentro de sinais especiais:
<!--e-->
A sua finalidade é simplesmente dar alguma informação útil ao leitor do código.

Títulos – seis níveis de títulos

·         Nível máximo <h1> … </h1>
·         Segundo nível <h2> …</h2>
·         São possíveis seis níveis de títulos de tamanho decrescente de <h1> até <h6>
·         A TAG <p> … </p> define um parágrafo de texto.
·         A tag <hr> define uma linha horizontal e não tem tag de fecho (actualmente, estas tags devem incluir a barra de fecho na própria tag: <hr/>).
Por exemplo: o atributo WIDTH que permite definir a extensão da linha de página <hr width=50%>, que neste caso 50% indica que a linha terá apenas 50% de largura de página.

·         A tag <p align=”center”>, temos a atributo align que define o tipo de alinhamento do parágrafo. Neste caso, o valor do atributo é “center”, ou seja, centrado. Os outros valores possíveis para o atributo align são: “left” (à esquerda); “right” (à direita); “justify” (justificado).

Cada atributo é seguido do sinal de igual e de um valor. Este valor numérico ou de outro tipo. Actualmente, os valores dos atributos devem ser incluídos dentre de aspas.



<HTML>
<HEAD>
<title> página exemplo </title>
<!-- Isto é um comentário. Não aparece. -->
</HEAD>
<BODY>
<h1> Título de 1º nível </h1>
<h2> Título de 2º nível </h2>
<p> Paragrafo normal </p>
<p>
<!-- Em cima um parágrafo em branco -->
<hr /><!-- Isto é uma linha horizontal -->
<hr width="50%">
<hr/>
<!-- Linyha com 50% da largura de página -->
<p align="center"> paragrafo centrado e com uma
<br> quebra (br) ou mudança de linha a meio.
</BODY>
</HTML>

·         Para contornar o breas, utiliza-se uma referência especial - &nbsp; (Non-Breaking SPace), que convém esclarecer que não é um “tag”, experimentemos isto:

<BODY>
Olá mundo!
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp
Chamo-me Alexandra.
</BODY>

Tag <font>

Os browers apresentam o texto dos parágrafos com uma fonte tipográfica e um tamanho predefinido; porem, podemos alterar essas definições com a tag <font> … </font>. Esta tag é definida através dos seguintes atributos:

·         Face – define a fonte tipográfica;
·         Size – define um tamanho entre 1 e 7;
·         Color – define a cor do texto.

<font face = “helvética”, “futura”, “arial”>

·         Neste momento, estamos a alterar a fonte normal para a Futura ou, no caso de esta não estar instalada, para Helvética ou para Arial. No caso de nenhuma das fontes indicadas estar instalada, será usada a predefinida do browser.


<font size =4>   <font size=+1>

·         Em princípio, terão o mesmo efeito, uma vez que, sendo 3 o tamanho predefinido, passar para 4 equivalente a adicionar 1 (+1) ao anterior.

Quanto as cores, podemos utilizar palavras reconhecidas pelo browser, como: Red; Green ou Blue. Podemos também usar uma representação codificada; por exemplo:

·         <font color = “ff0000”> - Equivale a Red
·         <font color = “00ff00”> - Equivale a Green
·         <font color = “0000ff”> - Equivale a Blue

Este método é conhecido como RGB (Red, Green, Blue). Nele são atribuídos dois dígitos hexadecimais a cada uma das três cores básica – assim: “RRGGBB” – ou seja, para cada uma das três cores (RGB), dois dígitos que podem ir de 00 a FF. Desta forma podem obter-se todas as combinações possíveis das cores.

Em HTML existem tags para aplicar os estilos tipográficos mais habituais, como sejam: bold ou negrito; italico; sublinhado; etc.
Estes estilos podem aplicar-se a parágrafos inteiros ou apenas a partes de texto, palavras ou caracteres.- Por exemplo:
            <b> Este texto vai aparecer em bold </b>
            <p> Frase com um termo em <i> italico </i>
            <p> Frase com um termo <u> sublinhado </u>

Nota: Neste caso, as tags de fecho são muito importantes, uma vez que, enquanto não surgir a tag de fecho correspondente a uma tag aplicada, o efeito desta prolonga-se por todo o texto que se seguir.

<HTML>
<HEAD>
<title> Formatação de texto </title>
</HEAD>
<BODY>
<h1 align="center"> Titulo centrado </h1>
<h6 align="right"> Título à direita </h2>
<p> Paragrafo com as predefinições </p>
<font face="arial" size=+1 color=#ff0000>
<p> Paragrafo com outras predefinições </p>
</font>
<p><b> parágrafo em bold (negro) </b> </p>
<p><i> parágrafo em itálico </i></p>
<p><u> parágrafo com sublinhado </u></p>
            </BODY>
            </HTML>


Visão geral sobre os principais tipos de tags HTML

Estrutura e conteúdos do documento HTML
Exemplo de tags que definem a estrutura do documento

Exemplo de tags que assinalam conteúdos (texto; imagem; etc.)
<html>
  <head>
     …
  </head>


  <body>

     …
  </body>
</html>
<h1> Título </h1>
      …
      …
<p> Parágrafo </p>
      …
      …
<img src=”imagem”>
  (etc.)

Elementos de Apresentação
Fontes tipográficas; estilos; formatações; alinhamentos; etc
<font>
Face size color
<b> --- </b>
<i> --- </i>
<u> --- </u>
<style>
(etc.)

Tags de estrutura de um documento
<html> … </html> - Inicio e fim do documento;
<head> … </head> - Inicio e fim do cabeçalho;
<title> … </title> - Titulo da pagina do browser;
<body> … </body> - Corpo do documento.

Tags de títulos e parágrafos de texto
<h1> … </h1> - Titulo de maior grandeza;
<h2> … </h2> - Titulo de segunda grandeza;
<h6> … </h6> - Titulo de menor grandeza;
<p> … </p>m – Parágrafo do texto
<br/> - Quebra de linha.

Algumas tags de formatação de texto
<font> … </font> - Define a fonte tipográfica;
<b> … </b> - Define texto em bold ou negro;
<i> … </i> - Define texto em itálico;
<u> … </u> - Define texto em sublinhado;
<sub> … </sub> - Texto em subscrito;
<strong> … </strong> - Texto em destaque.

Atributos   Descrição
·         Align – Atributo usado com as tags <p> ou <hr> para definir alinhamentos;
·         Width – Atributo usado com a tag <hr> para definir largura da linha horizontal;
·         Face – Atributo usado com a tag <font> para definir a fonte tipográfica;
·         Size – Para definir o tamanho da fonte;
·         Color – Para definir a cor da fonte.

Tags que definem listas de elementos
<ol> … </ol> - Define uma lista numerada;
<ul> … </ul> - Define uma lista não numerada;
<li> … </li> - Item ou linha dentro de uma lista;
<dl> … </dl> - Define uma lista de definições;
<dt> … </dt> - Indica um titulo a definir;
<dd> … </dd> - Descreve o item a definir.

Tags que definem tabelas
<table> … </table> - Define o inicio e o fim de uma tabela;
<th> … </th> - Define o cabeçalho de uma tabela;
<tr> … </tr> - Define o inicio e o fim de uma fila ou linha dentro de uma tabela;
<td> … </td> - Define o conteúdo de cada célula.

Tags que permite inserir imagens
<img src=”ficheiro_imagem”>

Tags que define um link (ligação)
<a herf=”endereço”> … </a> - define uma ligação para um endereço web ou um outro documento

Exemplo de tags e atributos que permitem criar formulários:
<form> … </form> - Define o inicio e o fim de um formulário;
<input type=”text”…> - Define uma caixa de texto para input;
<input type=”password”…> - Define uma caixa de texto para input de uma password;
<input type=”radio”…> - Define um botão de opção;
<injput type=”checkbox”…> - Define uma caixa de selecção;
<input type=”button”…> - Define um botão de commando;
<input type=”submit”…> - Define um botão de comando para envio de dados de um formulário;
<input type=”reset”…> - Define um botão de comando para restabelecer (apagar) os dados.

Listas em HTML

<html>
<head>
            <title> LISTAS </title>
</head>

<body>
            <h2> Lista ordenada </h2>
            <ol>
                        <li> Primeiro item </li>
                        <li> Segundo item </li>
                        <li> Terceiro item </li>
            </ol>
            <h2> Lista não ordenada </h2>
            <ul>
                        <li> Um item </li>
                        <li> Outro item </li>
                        <li> E mais outro </li>
            </ul>
</body>

Vejamos o código HTML para um exemplo de ula lista de definições ( em que os itens dessa lista são comandos SQL):

<dl>
<dt> Insert </dt>
            <dd> Comando para inserir dados </dd>
<dt> Delete </dt>
            <dd> Comando para apagar dados </dd>
<dt> Update </dt>
            <dd> Comando para actualizar dados
</dd>
</dl>


Tabelas em HTML

·         Na tag <table> o atributo borber permite definir a espessura da linha; por exemplo, border=1.
·         A tabela é constituída linha a linha. Cada nova linha é definida com uma tag <tr>. Em cada linha (após cada tag <tr>) inserem-se as tags que definem células da atbela (<th> ou <td>).
·         O mais usual é utilizar-se a rag <td> para definir cada célula a inserir na linha. A tag <th> costuma ser utilizada nas primeiras linhas da tabela; apenas difere da tag <td> no seguinte: o conteúdo de uma célula definida com <th> é destacado a negro.
·         Com as tags <th> e <td> podemos usar o atributo width para definir a largura das células; por exemplo:
<td width = 90> Uma célula </td> (define uma célula com uma largura de 90 pixéis)
·         O atributo colspan permite indicar o número de colunas que uma célula ocupa. Por exemplo: <th colspan=2> ou <td colspan=”> faz com que a célula ocupe duas colunas.


<html>
<head>
      <title> Tabelas </title>
</head>


<body>
      <h2 align="center"> Tabela </h2>
      <table align="center" border=2 cellpadding=3>
                  <tr> <th colspan=2> Catálogo de Preços
                  <tr> <th> Artigos <th> Preços
                  <tr> <td> Alicate <td align="right"> 10
                  <tr> <td> Martelo <td align="right"> 15
      </table>
</body>
</html>


Links ou Ligações

<a href=”…”> … </a>

Qualquer tipo de ligação (link) é feita sempre com base na tag <a> … </a> também chamada Anchor tag.
O principal atributo da tag <a> é o atributo href (de Hypertext Reference). É este atributo que define o local (endereço URL, local do novo documento, etc.) para onde se pretende efectuar a ligação.


Ligação externa (um URL externo)

<a ref=”http://www.google.com”> Google</a>

O atributo HREF é igualado ao endereço URL que temos em vista para a ligação externa. Entre as tags <a> e </a> colocamos o texto que queremos que apareça na página.

Ligação interna para outro documento no mesmo computador

<a ref=”doc2.htm”> Mais informações </a>

Neste caso, o atributo HREF é igualado ao nome do documento HTML para onde queremos remeter o leitor quando ele clicar sobre o texto que é apresentado na página. Esse documento pode ser outra página HTML ou outro tipo de documento. É claro que se o documento se encontrar numa outra pasta ou diretória é necessário ter isso em conta na indicação do nome.

Ligação para um documento de e-mail

<a ref=mailto:nomealuno@mai.com> Enviar mail para nomealuno </a>
Neste exemplo, o link criado permite accionar a aplicação de e-mail que estiver configurada no computador para enviar uma mensagem de correio electrónico para nomealuno@mail.com

<html>
<head>
      <title> Links </title>
</head>

<body>
      <h2> Exemplificações de Links </h2>
      <p> Segue-se um link para o Google </p>
      <a href="http://www.google.pt"> Google </a>
      <p> O link seguinte é para um a página local </p>
      <a href="5.htm"> Mais Informações </a>
     
</body>
</html>

Insenção de imagens

<img src=”globo.gif”>

A inserção de imagens em documentos html é feita através da tag <img> ( que não tem tag de fecho). A indicação do local e nome do ficheiro da imagem é feita no atributo src (de sourse – que em ingles significa fonte).

·         No caso de a imagem que pretendemos inserir na página se encontrar numa pasta deferente da corrente, teremos de indicar a sua localização. Por Exemplo

<img src=”imagens/globo.gif”>

Atributos relativos a uma imagem

·         O atyributo align permite definir a forma de alinhamento da imagem. Os valores possíveis são: left; right; middle; bottom e top.
·         O atributo border permite definir uma linha rectangular de contorno na imagem. Deve ser indicado um valor numérico para a espessura da linha Exemplo:
< img src=”pirata.gif” border=”2”>.
·         O atributo height permite definir a altura da imagem.
·         O atributo widht permite definir a largura da imagem.

Cor da Página

<html>
<head>
<title> Página com cor </title>
</head>
<body BGCOLOR="pink">
</body>
</html>

Frames

Para definir as frames, utiliza-se o ‘tag’ <FRAMESET>. Como não se trata propriamente do corpo da página, este ‘tag’ define uma área apos a área <HEAD>, mas não contido dentro do ‘tag’ <BODY>. Ao utilizar o parâmetro COLS, define a página em colunas, neste caso definidas por “160,*”. Isto significa que são criadas duas, uma com 16m pixéis de largura e outra que ocupa o resto do espaço disponível no ecrã. As medidas das frames podem ser fornecidas em pixéis, em percentagem do espaço disponível ou por um asterisco, que significa ‘o resto’. Estas colunas dão definidas da esquerda para a direita. Temos também BORDER e FRAMESPACING, que definem a borda e o espaçamento entre frames.
 
O ‘tag’ <FRAME>, que se refere á primeira coluna (de 160 pixies). SRC define qual o ficheiro HTML a ser exibido nessa frame, NAME, muito importante, indica qual o nome da frame, para que as links possam lá recair.
NORESIZE indica que a frame não pode ser redimensionada com o rato, e FRAMEBORDER, o bordo da frame.
Utiliza-se <FRAME FRAMEBORDER> e <FRAMESET BORDER> por uma questão de compatibilidade entre o Internet Explorer e o Netscape Navigator. SCROLLING pode ser definido com ‘YES’ ou ‘NO’ para obrigar a barra de scroll a estar sempre visível ou escondida.

<input type=”texto” name=”nome”>

Este é um exemplo de um <input> do tipo texto, ou seja, uma caixa de texto. Nesta tag de input, temos dois atributos:
·         A expressão type=”text” indica que o atributo type (tipo de elemento) que se pretende é “texto”, ou seja, uma caixa de texto;
·         A expressão name=”nome” indica que o atributo name (nome do elemento) será “nome”, ou seja, esta caixa de texto passa a ser identificada pala palavra “nome”.

Outros atributos que podemos usar com as caixas de texto:
·         Value=”…” – o atributo value permite indicar um valor inicial para uma caixa de texto e, por outro lado, captar o dado escrito pelo utilizador;
·         Size=n – tamanho da caixa de texto, em que n indica o número de caracteres da sua largura;
·         Maxlength=n – número máximo (n) de caracteres permitidos.

Outro elemento de input – “rádio”

<input type=”radio” name=”sexo” value=”M”
·         No exemplo anterior temos 3 atributos mais usuais type;name;value. Repare-se que a expressão value=”M” é uma atribuição interna do código.
·         Um outro atributo que podemos usar com os botões:
Checked[=”true|false”] – o atributo checked permite colocar um botão em estado de assinalado ou não assinalado; neste caso, a aparte que inclui o sinal de igual e o valor (true ou false) é opcional; se esse valor não for indicado, é assumido true; poara retirar a marca de assinalado, escreve-se checked=”false”.
Este atributo também pode ser utilizado com os elementos do tipo chexkbox– caixa de selecção


Checkbox

<input type=”checkbox” name=”d1” value=”P”
A caixa checkbox  fica identificada com o nome “D1” e o seu value é codificado com “P”.A disciplina a que se refere é indicada em texto fora da tag: Programação.

<html>
<head>
<title> Exemplo de Formulário </title>
</head>
<body>
<form>
<fieldset>
<legend align="left"> Dados do utilizador
</legend>
User Name:
<input type="text" name="nome">
<br>
password:
<input type="password" name="pass">
<br>
</fieldset>
<p>
<textarea cols=40 rows=5> Área de texto...
</textarea>
<fieldset>
<legend align="left"> Botões de comando
</legend>
<input type="submit" value="confirmar">
<input type="reset" value="limpar">
</fieldset>
</form>
</body>
</html>



<textarea cols=40 rows=5>

·         O atribulo cols=40 define que a caixa de texto terá a largura de 40 colunas de caracteres.
·         O atributo rows=5 define que a caixa de texto terá a altura de 5 linhas ou filas de caracteres.

<html>
<head>
<title> Exemplo de Formulário </title>
</head>
<body>
<h2> Identificação </h2>
<form>
<table border=0>
<tr>
<td> Primeiro nome: </td>
<td> <input type="text" name="nome1">
<tr>
<td> Segundo Nome: </td>
<td> <input type="text" name="nome2">
<tr>
<td> Nome composto: </td>
<td> <input type="text" name="nomec" readonly>
</table>
<p>
<input type="button" name="btnnomes"
value="Clique para juntar os nomes"
onclick="nomec.value
=nome1.value + ' ' + nome2.value">
</form>
</body>
</html>

<table border =0>

·         Com o atributo border igual a zero, a tabela não apresentará linhas de contorno.