# Aplicativos em PHP/Referências/HTML
## HTML na Wikipedia

http://pt.wikipedia.org/wiki/Html
HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.
HyTime é um padrão para a representação estruturada de hipermédia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-ligações. O padrão é independente de outros padrões de processamento de texto em geral.

## Título - Este aparece como título no Navegador

<HTML><HEAD><TITLE>Exemplo de Página HTML</TITLE></HEAD>

## Body - Entra as tags <body> e </body> aparece praticamente toda a área útil da página

Terá texto verde, fundo branco e a imagem "background.gif" de fundo.
<body text="green" bgcolor="white" link="#FFFF00" vlink="#FF0000" background="http://www.seudominio.com/imagens/background.gif">

## H1 - Texto para Título de tamanho 1. Tem tamanhos até o 6 (H6)

<H1 ALIGN="center">Exemplo de Página HTML</H1>

## Tag form - Formulários são muito utilizadados para recceber informações do visitante

Veja que existem diversos controles nos forms: text, radio, select, textarea, etc.
<form method="POST" action="teste.php"> <input type="hidden" name="recipient" value> Nome:<input type="text" name="nome" size="40" maxlength="40"> Senha:<input type="password" name="senha" size="10" maxlength="10">

### Radio - Observe a prática de usar o mesmo name para agrupar vários radios

<input type="radio" name="estadocivil" value="solteiro">Solteiro <input type="radio" name="estadocivil" value="casado">Casado <input type="radio" name="estadocivil" value="desquitado">Desquitado <input type="radio" name="estadocivil" value="naoinformado">Não informado <input type="checkbox" name="personalidade" value="Hostil">Hostil <input type="checkbox" name="maturidade" value="Adulto">Adulto <textarea name="comentario" rows="4" cols="60" wrap="virtual" style="color:green;background-color:yellow">Texto default</textarea>

### Campo Desabilitado e Somente Leitura

<input type ="text" value ="Valor" disabled readonly>
<select name=selecao> <option name="leite" value=1 SELECTED>Leite</option>
<option name="cafe" value=2>Café</option> <option name="cha" value=3>Chá</option> </select>
<SELECT NAME="grupo"> <OPTION VALUE="1">Equipamento <OPTION VALUE="2">Mão de Obra <OPTION VALUE="3">Ferramentas <OPTION VALUE="4" SELECTED>Material <OPTION VALUE="5">Serviços Auxiliares <OPTION VALUE="6">Transporte </SELECT>
<input type="submit" name="Request" value="Enviar"><input type="reset" name="Clear" value="Limpar"> </form>

## Formatação

<b>Negrito</b> <i>Itálico</i> <u>Sublinhado</u> 
Riscado
 <sup>Sobrescrito</sup> <sub>Subscrito</sub>
Negrito Itálico Sublinhado Riscado $^{Sobrescrito}$ $_{Subscrito}$

## Fontes

This text is Green
Múltiplas Font Faces

## Links(âncoras)

<a HREF="http://www.2kweb.net" target="_BLANK">This links to 2K Communications</a> <a HREF="mailto:sales@2kweb.net">Click here to e-mail our Sales Department</a>
Links para a página atual 1 - Criar destino - <a NAME="destino1"></a> 2 - Criar link - <a HREF="http://yourdomain.com/index.html#destino1">Click here to go there</a>

## Imagem

<img src="http://www.2kweb.net/image-file.gif" alt="Explicação sobre a imagem" TITLE="Explicação sobre a imagem" ALIGN="LEFT" height=50 width=50>

## Incorporar Vídeo e Som

<bgsound src="http://www.2kweb.net/sound.mid" loop=0"> (IE em loop. loop = -1 para parar) <embed src="http://www.2kweb.net/sound.mid">

## Select Múltiplo

Pressiona-se Ctrl ou Shift enquanto seclica ou move as setas para selecionar. </BODY> </HTML>

## Frames

Criar arquivo index.html com:
Arquivo esquerda.html:
Criar os três arquivos acima (conteudohist.html, conteudomat.html e conteudoport.html).
Veja também um pequeno assistente de frames em:
http://ribafs.net/down/tut/html/wizards/

## Respeitando a posição de digitação

Para que o navegador respeite todo o texto da mesma forma que digitamos devemos utilizar as tags
<pre> ... </pre>
<pre>
apareçerá nesta posição. </pre>

## Ótimo Tutorial sobre HTML do Tiago Daniel de Souza no site Linha de Código

Guia Prático de HTML - Parte 1
Guia Prático de HTML - Parte 2
Guia Prático de HTML - Parte 3
Guia Prático de HTML - Parte 4
Guia Prático de HTML - Parte 5

## HTML Wizards

http://ribafs.net/down/tut/html/wizards/