Resumos html

189 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
189
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Resumos html

  1. 1. RESUMO DO HTMLSelect<form><select name="carros"><option selected value="volvo">Volvo (Este é o valor default – selected)<option value="saab">Saab<option value="fiat">Fiat<option value="audi">Audi</select></form>TextArea<trextarea rows=”10” cols=”30”>Valor default que será exibido</textarea>CheckBox<form name="input" action="html_form_action.php" method="get">I have a bike: <input type="checkbox" name="Bike" checked><br>I have a car: <input type="checkbox" name="Car"><br><input type="submit" value="Submit"></form>Radio<form name="input" action="html_form_action.php" method="get">Male: <input type="radio" name="Sex" value="Male" checked><br>Female <input type="radio" name="Sex" value="Female"><br><input type ="submit" value ="Submit Now!"></form>Botão do tipo Submit envia o conteúdo do form para o action automaticamente.Caso precisemos enviar para o action através de uma função em JavaScript, devemos usarum botão do tipo Button no lugar do tipo Submit.Campo Desabilitado e Somente Leitura<input type ="text" value ="Valor" disabled readonly>MÉTODOS POST E GET (Formulários)GET - Este método exibe os dados no Browser ao enviar ao ServidorPOST - Este método envia os dados para o servidor sem exibir no Browser (mais seguro,pois não exibe os dados na URL do browser). 1
  2. 2. Optgroup – Agrupar grandes listas separando por grupos<select><optgroup label="Swedish Cars"><option value ="volvo">Volvo</option><option value ="saab">Saab</option></optgroup><optgroup label="German Cars"><option value ="mercedes">Mercedes</option><option value ="audi">Audi</option></optgroup></select><input type=”tipo” name=”nome” value=”valor default>tipo:hidden – campo oculto, normalmente para armazenar valores a serem transportadospassword – campo tipo senha que mostra asteriscos ao digitarreset – botão que limpa todos as campos ao ser clicadofile – tipo para uploadFormatação<b>Negrito</b><s>Riscado</s><font size="3" color="red"><FONT FACE = TipoDaFonte>Texto</FONT>TipoDaFonte: times, arial, courier<sub>subscrito</sub> sobrescrito<sup> </sup><h1> ... <h6> - Títulos<h1 align=”center”>Título 1 Centralizado</h1><HR> traça uma linha horizontalImagem<img src="angry.gif" alt="Angry" /><img SRC="NomeImagem.Ext" ALT="Aqui o Texto de Dicas" height=50 width=50>Height - Altura da imagem e Width - Largura 2
  3. 3. Tabela<TABLE BORDER = 1><TH> Cabeçalho Coluna 1</TH><TH> Cabeçalho Coluna 2</TH><TR><TD> Linha1, Coluna1</TD><TD> Linha1, Coluna2</TD></TR><TR><TD> Linha2, Coluna1</TD><TD> Linha2, Coluna2</TD></TR></TABLE>Código verde:<tr><td colspan="4"></td><td></td></tr>Código azul:<tr><td colspan="3"></td><td></td><td></td></tr><TABLE BORDER=1><TR><TD rowspan=2>my first table</TD><TD>my first table</TD></TR><TR><TD>my first table</TD></TABLE> my first tablemy first table my first tablecolspan – juntar colunasrowspan – juntar linhasÂNCORAS (LINKS)Abrindo o resultado em uma nova janela. O default, sem target, abre na atual.<a href=http://www.w3schools.com target="_blank">W3Schools</a>FRAMES<a href="planets.htm" target="_blank">View this page for the result</a>Código de "planets.htm":<html><frameset cols = "25%, 25%,*"><frame src ="venus.htm" /> 3
  4. 4. <frame src ="sun.htm" /><frame src ="mercur.htm" /></frameset></html>HTML RESPEITANDO A POSIÇÃO DE DIGITAÇÃOO comando (tag) para que o HTML respeite a posição de digitação do texto é o <PRE>.Exemplo:<PRE> O que for digitadoSerá visto na mesmaposição quando usarmos este comando.</PRE>COMENTÁRIOPara inserir comentários em páginas HTML use<!-- para iniciar o comentárioe--> para finalizar.QUEBRAR LINHA<br>IMAGEM DE FUNDO NA PÁGINA<BODY BACKGROUND = "http://www.ctonline.hpg.com.br/figura.jpg">A figura é repetida preenchendo a página.TABELAS DE CORES HTML1 - http://www.ufpa.br/dicas/html-cor.htm2 - http://orbita.starmedia.com/~edaurelio/a12.htm3 - http://209.135.157.193/html/colortable.html4 - http://www.geocities.com/ensinandohtml/cores_html.htm 4

×