html 20.10

Mentes em desenvolvimento


Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação.


PHP é uma linguagem de programação de computadores interpretada, livre e muito utilizada para gerar conteúdo dinâmico na Web.


Structured Query Language, ou Linguagem de Consulta Estruturada ou SQL, é uma linguagem de pesquisa declarativa para banco de dados relacional (base de dados relacional).


- HyperText Markup Language.

-Texto escrito em Tags <>.

-Define as estruturas.


- HyperText Markup Language.

-Texto escrito em Tags <>.

-Define as estruturas.

-Browser (Interpretador).


<html>

</html>

<head><title> Título da Página </title>

</head>

<body>

</body>


Além de permitir o alinhamento horizontal de qualquer elemento em uma página esta TAG é muito importante para agrupar elementos de página e facilitar a edição no CSS. O atributo class serve para identificar em que grupo de elementos (DIV) será aplicado o CSS.

<body>

</body>

<div class = “topo” >

</div>

<div class = “corpo” >

</div>

<div class = “rodape” >

</div>


<h1> Título 1</h1><h2> Subtítulo</h2><h3> Subtítulo do subtítulo</h3>

(....)<h7> Subtítulo do subtítulo do... </h7>

<p> Parágrafo </p>


<ul><li> Tópico 1</li><li> Tópico 2</li><li> Tópico 3</li><li> Tópico 4</li>

</ul>


<a href = “arquivos ou URL”> O texto ou a imagem que estiverem entre essas tagslevarão ao arquivo.extensão.</a>

Ex: <a href = “bola.jpg”> Ir para imagem da bola.</a>

<a href = “http://www.google.com.br”> Ir para o site do google.</a>


<form name=”nome” method=”post” action=”URL”>

</form>

Cada elemento de um formulário é definido separadamente. Na definição do formulário, você informa o local do programa (PHP, Python, ASP) que controlará o formulário e a forma ou método como os dados serão enviados para o servidor.


<form name=”nome” method=”post” action=”URL”>

Elementos de Formulário

</form>

METHOD: Define o método utilizado pelo servidor para receber os dados do formulário.

O método pode ser: POST: Método mais utilizado, transmite toda a informação do formulário imediatamente após a URL; GET: anexa o conteúdo do formulário ao endereço da URL, por isso tem limitação de tamanho das informações;

ACTION: Especifica o programa ou página do servidor que processará os dados do formulário;

NAME: Define o nome do formulário.


<input type=”tipo” name=”nome” value=”valor” size=”tamanho” maxlength=”comprimento” >

Define um campo de entrada de dados. Cada campo de um formulário atribui o seu conteúdo a uma variável que possui nome e tipo específico.


<input type=”text” name=”texto” value=”Digite seu texto aqui” size=”20” maxlength=”30” >

TYPE: Define o tipo de variável que pode ser:

TEXT: Área de texto (usa os atributos: type, name, value, size, maxlength);

Digite seu texto aqui


<input type=”password” name=”senha” value=”Digite seu senha” size=”20” maxlength=”11” >

PASSWORD: Texto protegido por senha (usa os atributos: type, name, value, size e maxlength);

•••••••••••


<input type=”radio” name=”opcao1” value=”Opção 1” checked>

RADIO: Botão com uma opção (atributos: type; name, value, checked);

Opção 1

Opção 1

Opção 3


<input type=”checkbox” name=”opcao1” value=”Opção 1” checked>

CHECKBOX: Botão com mais opções (type, name, value, checked);

Opção 1

Opção 2

Opção 3


<input type=”reset” name=”limpar” value=”Limpar”>

RESET: Limpa os campos (type, name, value);

Limpar


<input type=”submit” name=”enviar” value=”Enviar”>

SUBMIT: Envia os dados do formulário (type, name, value);

Enviar

robert_marinhologin:

•••••••••••Senha:


<input type=”file” name=”arquivo”>

FILE: Abre uma janela para selecionar arquivo (type, name);

Enviar arquivo


<select name=”seletor” >

<option> Item 1 </option><option> Item 2 </option><option> Item 3 </option>

</select>

Define uma lista de itens que podem ser selecionados pelo usuário.

Item 1

Item 2Item 3


<textarea name=”texto” rows=“20” cols=”30”>

TEXTO

</textarea>

Define uma caixa de texto onde o usuário pode digitar um texto com varias linhas.ROWS = Número de linhas.COLS = Número de Colunas.

Texto

html 20.10

Documents