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>

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

<body>

</body>

</html>


<body> Além de permitir o
alinhamento horizontal de
<div class = “topo” > qualquer elemento em uma
página esta TAG é muito
</div> importante para agrupar
elementos de página e
<div class = “corpo” > facilitar a edição no CSS. O
atributo class serve para
</div> identificar em que grupo de
elementos (DIV) será aplicado
<div class = “rodape” > o CSS.

</div>

</body>


<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 tags
levarã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);

login: robert_marinho

Senha: •••••••••••
Enviar


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

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

Enviar arquivo


<select name=”seletor” >

<option> Item 1 </option>

</select>

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

Item 1
Item 2
Item 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

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Destaque

Destaque (8)

Semelhante a Html 20.10

Semelhante a Html 20.10 (20)

Html 20.10